rcfilters: Stop the "Live updates" button animation from affecting text rendering
authorBartosz Dziewoński <matma.rex@gmail.com>
Wed, 30 May 2018 21:25:02 +0000 (23:25 +0200)
committerBartosz Dziewoński <matma.rex@gmail.com>
Wed, 30 May 2018 21:35:08 +0000 (23:35 +0200)
commit65c610a9f5bd9e16e4b526674e91677803f0e215
treecaf9e83539c2bacc5bb8475bf189cf8ee72ed8e2
parentaabe0ee110ba52382d6fe61908231a8a0be981d1
rcfilters: Stop the "Live updates" button animation from affecting text rendering

Add 'z-index: 0' to introduce a stacking context. Stacking contexts
fix everything. Apparently.

In this case, this prevents browsers (tested with Chrome and Firefox)
from using grayscale text antialiasing instead of the usual subpixel
text antialiasing for the rest of the page; it is only used for this
button, which is acceptable.

(Firefox has some problems rendering the animation, but they already
existed before this patch.)

Bug: T181338
Change-Id: I059f819eb27b0f22fc2d09a2c61e5e65af878ed4
resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less