Bartosz Dziewoński has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/323150

Change subject: MediaWiki theme: Standard placeholder colours for 
CapsuleMultiselectWidget too
......................................................................

MediaWiki theme: Standard placeholder colours for CapsuleMultiselectWidget too

Follow-up to caa934cb.

Change-Id: I560941115ac7cc8efc74367a1f4775373210bdf6
---
M src/themes/mediawiki/widgets.less
1 file changed, 44 insertions(+), 36 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/50/323150/1

diff --git a/src/themes/mediawiki/widgets.less 
b/src/themes/mediawiki/widgets.less
index fa006bf..69dc4ef 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -761,29 +761,7 @@
                        }
                }
 
-               // Normalize placeholder styling, see T139034
-               // Firefox 4-18
-               :-moz-placeholder { // stylelint-disable-line 
selector-no-vendor-prefix
-                       color: @color-placeholder;
-                       opacity: 1;
-               }
-               // Firefox 19-
-               ::-moz-placeholder { // stylelint-disable-line 
selector-no-vendor-prefix
-                       color: @color-placeholder;
-                       opacity: 1;
-               }
-               // Internet Explorer 10-11
-               :-ms-input-placeholder { // stylelint-disable-line 
selector-no-vendor-prefix
-                       color: @color-placeholder;
-               }
-               // WebKit, Blink, Edge
-               ::-webkit-input-placeholder { // stylelint-disable-line 
selector-no-vendor-prefix
-                       color: @color-placeholder;
-               }
-               // W3C Standard Selectors Level 4
-               :placeholder-shown {
-                       color: @color-placeholder;
-               }
+               .mw-placeholder();
 
                &.oo-ui-flaggedElement-invalid {
                        input,
@@ -923,20 +901,24 @@
                        position: absolute;
                }
 
-               > .oo-ui-capsuleMultiselectWidget-content > input {
-                       border: 0;
-                       line-height: 1.675;
-                       margin: 0 0 0 0.2em;
-                       padding: 0;
-                       font-size: inherit;
-                       font-family: inherit;
-                       background-color: transparent;
-                       color: @color-emphasized;
-                       vertical-align: middle;
+               > .oo-ui-capsuleMultiselectWidget-content {
+                       .mw-placeholder();
 
-                       &:focus {
-                               // Chrome
-                               outline: 0;
+                       > input {
+                               border: 0;
+                               line-height: 1.675;
+                               margin: 0 0 0 0.2em;
+                               padding: 0;
+                               font-size: inherit;
+                               font-family: inherit;
+                               background-color: transparent;
+                               color: @color-emphasized;
+                               vertical-align: middle;
+
+                               &:focus {
+                                       // Chrome
+                                       outline: 0;
+                               }
                        }
                }
        }
@@ -1705,3 +1687,29 @@
                margin-right: 0;
        }
 }
+
+.mw-placeholder () {
+       // Normalize placeholder styling, see T139034
+       // Firefox 4-18
+       :-moz-placeholder { // stylelint-disable-line selector-no-vendor-prefix
+               color: @color-placeholder;
+               opacity: 1;
+       }
+       // Firefox 19-
+       ::-moz-placeholder { // stylelint-disable-line selector-no-vendor-prefix
+               color: @color-placeholder;
+               opacity: 1;
+       }
+       // Internet Explorer 10-11
+       :-ms-input-placeholder { // stylelint-disable-line 
selector-no-vendor-prefix
+               color: @color-placeholder;
+       }
+       // WebKit, Blink, Edge
+       ::-webkit-input-placeholder { // stylelint-disable-line 
selector-no-vendor-prefix
+               color: @color-placeholder;
+       }
+       // W3C Standard Selectors Level 4
+       :placeholder-shown {
+               color: @color-placeholder;
+       }
+}

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

Gerrit-MessageType: newchange
Gerrit-Change-Id: I560941115ac7cc8efc74367a1f4775373210bdf6
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Bartosz Dziewoński <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to