From 227eed85ed3f6e62122ce37e71491e19c6947934 Mon Sep 17 00:00:00 2001 From: Roan Kattouw Date: Fri, 2 Nov 2018 14:03:01 -0700 Subject: [PATCH] RCFilters: Fix highlighted rows overlapping legend While the new rows are being faded in, they each have an opacity not equal to 1. Setting the opacity on something creates a new stacking context, and because the rows are below the legend in the DOM, this made them appear on top of the legend. Fix this by setting a z-index on the legend so it stays on top. Bug: T186841 Change-Id: I2eee201d1e0aed94974a85d6d46b86fd4a4db796 --- .../styles/mw.rcfilters.ui.ChangesListWrapperWidget.less | 1 + 1 file changed, 1 insertion(+) diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less index 94306cabf5..16f110a6c8 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less @@ -58,6 +58,7 @@ .mw-changeslist-legend { background-color: @background-color-base; position: relative; // We want to keep the legend accessible when results are overlaid + z-index: 1; // Keep opacity-animated highlights from appearing on top of the legend border: 1px solid @colorGray12; } -- 2.20.1