VolkerE has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/338612 )
Change subject: DropdownInputWidget: Align appearance of PHP DropdownWidget to
JS
......................................................................
DropdownInputWidget: Align appearance of PHP DropdownWidget to JS
Making PHP DropdownInputWidget appear as similar as possible to
JS DropdownWidget variant.
Change-Id: I9a41035fca8006e4d376aa6bb42f59d63877c36f
---
M src/themes/mediawiki/widgets.less
1 file changed, 29 insertions(+), 8 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/12/338612/1
diff --git a/src/themes/mediawiki/widgets.less
b/src/themes/mediawiki/widgets.less
index ee884a9..a50a697 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -537,14 +537,13 @@
max-width: @max-width-input;
select {
- background-color: @background-color-default;
- height: 2.275em;
- font-size: inherit;
- font-family: inherit;
.oo-ui-box-sizing( border-box );
+ height: 2.275em;
border: @border-default;
border-radius: @border-radius-default;
padding-left: 1em;
+ font-size: inherit;
+ font-family: inherit;
vertical-align: middle;
}
@@ -556,17 +555,39 @@
}
&.oo-ui-widget-enabled {
- select:hover,
- select:focus {
- outline: 0;
+ select {
+ background-color: @background-color-framed;
+ color: @color-default;
+ .oo-ui-transition(
+ background-color @transition-ease-quick,
+ border-color @transition-ease-quick,
+ box-shadow @transition-ease-quick
+ );
+
+ &:hover {
+ background-color:
@background-color-framed-hover;
+ color: @color-default-hover;
+ border-color: @border-color-default-hover;
+ }
+
+ &:active {
+ color: @color-default-active;
+ border-color: @border-color-default-active;
+ }
+
+ &:focus {
+ border-color: @border-color-default-focus;
+ outline: 0;
+ box-shadow: @box-shadow-widget-focus;
+ }
}
}
&.oo-ui-widget-disabled {
select {
+ background-color: @background-color-disabled;
color: @color-disabled;
border-color: @border-color-disabled;
- background-color: @background-color-disabled;
}
}
}
--
To view, visit https://gerrit.wikimedia.org/r/338612
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I9a41035fca8006e4d376aa6bb42f59d63877c36f
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: VolkerE <volke...@wikimedia.org>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
