Prtksxna has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/341990 )
Change subject: mw.widgets.DateInputWidget: Highlight widget when tabbing
through
......................................................................
mw.widgets.DateInputWidget: Highlight widget when tabbing through
* Add the -active class when $handle gets focus
* Add CSS to make the handle look active
Bug: T159987
Change-Id: I24327e1fe4b23de1b35833d3f23634094b5a2664
---
M resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.js
M resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
2 files changed, 9 insertions(+), 1 deletion(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core
refs/changes/90/341990/1
diff --git a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.js
b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.js
index 0ec6a4c..0795677 100644
--- a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.js
+++ b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.js
@@ -173,7 +173,10 @@
} );
this.$handle.on( {
click: this.onClick.bind( this ),
- keypress: this.onKeyPress.bind( this )
+ keypress: this.onKeyPress.bind( this ),
+ focus: function () {
+ this.$element.addClass(
'mw-widget-dateInputWidget-active' );
+ }.bind( this )
} );
// Initialization
diff --git a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
index 8ba9a99..af95443 100644
--- a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
@@ -61,6 +61,11 @@
}
}
+ &-active .mw-widget-dateInputWidget-handle {
+ border-color: #36c;
+ box-shadow: inset 0 0 0 1px #36c;
+ }
+
&.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle >
.oo-ui-indicatorElement-indicator {
display: block;
position: absolute;
--
To view, visit https://gerrit.wikimedia.org/r/341990
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I24327e1fe4b23de1b35833d3f23634094b5a2664
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/core
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
