From e40e7a666b6f9eca7606a860a4d0536e8c7ae8d1 Mon Sep 17 00:00:00 2001 From: Piotr Miazga Date: Fri, 17 Mar 2017 22:56:54 +0100 Subject: [PATCH] Fix horizontal gradient for RTL page previews Changes: - added @noflip to every .mw-popups-extract:after declaration Bug: T160614 Change-Id: I45ccb0c64e110ab0fc24e0e4eca31393cbef36d2 --- resources/ext.popups/styles/ext.popups.core.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/resources/ext.popups/styles/ext.popups.core.less b/resources/ext.popups/styles/ext.popups.core.less index 16b618c3b..4c968ee93 100644 --- a/resources/ext.popups/styles/ext.popups.core.less +++ b/resources/ext.popups/styles/ext.popups.core.less @@ -136,18 +136,26 @@ &[dir='ltr']:after { /* @noflip */ right: 0; + /* @noflip */ background-image: -webkit-linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); + /* @noflip */ background-image: -moz-linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); + /* @noflip */ background-image: -o-linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); + /* @noflip */ background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); } &[dir='rtl']:after { /* @noflip */ left: 0; + /* @noflip */ background-image: -webkit-linear-gradient( to left, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); + /* @noflip */ background-image: -moz-linear-gradient( to left, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); + /* @noflip */ background-image: -o-linear-gradient( to left, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); + /* @noflip */ background-image: linear-gradient( to left, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); } }