Prtksxna has uploaded a new change for review.

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

Change subject: [wip] MediaWiki Theme: dropDownWidget: Implement new design
......................................................................

[wip] MediaWiki Theme: dropDownWidget: Implement new design

Design spec at https://phabricator.wikimedia.org/M54

Change-Id: If2aab1fa584cd84d538ad8084634f98196149216
---
M src/themes/mediawiki/widgets.less
1 file changed, 23 insertions(+), 3 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/90/209190/1

diff --git a/src/themes/mediawiki/widgets.less 
b/src/themes/mediawiki/widgets.less
index 755f422..3dc52fa 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -111,7 +111,8 @@
        &-handle {
                height: 2.5em;
                border: 1px solid #ccc;
-               border-radius: 0.1em;
+               border-radius: @border-radius;
+               overflow: hidden;
 
                .oo-ui-indicatorElement-indicator {
                        right: 0;
@@ -122,8 +123,13 @@
                }
 
                .oo-ui-labelElement-label {
-                       line-height: 2.5em;
-                       margin: 0 1em;
+                       display: block;
+                       line-height: 2.4em;
+                       padding: 0 1em;
+                       background: #fff;
+                       // TODO: Use calculation and correct selector
+                       margin-right: 2.3em !important;
+                       border-right: 1px solid #ccc;
                }
 
                .oo-ui-indicatorElement-indicator {
@@ -141,8 +147,22 @@
                }
        }
 
+       .oo-ui-menuSelectWidget {
+               // TODO: Get rid of magic number
+               margin-top: -3px;
+       }
+
+
        &:hover .oo-ui-dropdownWidget-handle {
                border-color: #aaa;
+               background: #ccc;
+       }
+
+       .oo-ui-dropdownWidget-handle:focus {
+               outline: none;
+               border-color: #669BFF;
+               background: #aaa;
+               border-radius: @border-radius @border-radius 0 0;
        }
 
        &.oo-ui-widget-disabled {

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

Gerrit-MessageType: newchange
Gerrit-Change-Id: If2aab1fa584cd84d538ad8084634f98196149216
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Prtksxna <psax...@wikimedia.org>

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

Reply via email to