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