Phuedx has uploaded a new change for review. ( 
https://gerrit.wikimedia.org/r/340106 )

Change subject: truncation: Fix fade direction for RTL previews
......................................................................

truncation: Fix fade direction for RTL previews

CSSJanus v1.1.3 doesn't appear to flip the "to right" argument for the
linear-gradient CSS function. As with the position of the truncating
element in I0d50a8b5, the direction of the gradient doesn't vary with
the text direction of the current page but that of the target page.

Bug: T158858
Change-Id: I4b6fcf68bdf57722348513f12c7b19f80b2545c4
---
M resources/ext.popups/styles/ext.popups.core.less
1 file changed, 9 insertions(+), 5 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Popups 
refs/changes/06/340106/1

diff --git a/resources/ext.popups/styles/ext.popups.core.less 
b/resources/ext.popups/styles/ext.popups.core.less
index 534e76f..4541f65 100644
--- a/resources/ext.popups/styles/ext.popups.core.less
+++ b/resources/ext.popups/styles/ext.popups.core.less
@@ -126,20 +126,24 @@
                        width: 25%;
                        height: 24px;
                        background-color: transparent;
+               }
+
+               &[dir='ltr']:after {
+                       /* @noflip */
+                       right: 0;
                        background-image: -webkit-linear-gradient( to right, 
rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
                        background-image: -moz-linear-gradient( to right, rgba( 
255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
                        background-image: -o-linear-gradient( to right, rgba( 
255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
                        background-image: linear-gradient( to right, rgba( 255, 
255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
                }
 
-               &[dir='ltr']:after {
-                       /* @noflip */
-                       right: 0;
-               }
-
                &[dir='rtl']:after {
                        /* @noflip */
                        left: 0;
+                       background-image: -webkit-linear-gradient( to left, 
rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
+                       background-image: -moz-linear-gradient( to left, rgba( 
255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
+                       background-image: -o-linear-gradient( to left, rgba( 
255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
+                       background-image: linear-gradient( to left, rgba( 255, 
255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
                }
        }
 

-- 
To view, visit https://gerrit.wikimedia.org/r/340106
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I4b6fcf68bdf57722348513f12c7b19f80b2545c4
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/Popups
Gerrit-Branch: master
Gerrit-Owner: Phuedx <samsm...@wikimedia.org>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to