From: Roan Kattouw Date: Fri, 2 Nov 2018 21:03:01 +0000 (-0700) Subject: RCFilters: Fix highlighted rows overlapping legend X-Git-Tag: 1.34.0-rc.0~3563^2 X-Git-Url: http://git.cyclocoop.org/%24action?a=commitdiff_plain;h=227eed85ed3f6e62122ce37e71491e19c6947934;p=lhc%2Fweb%2Fwiklou.git 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 --- 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; }