DateInputWidget: Fix focus reflow
authorVolker E <volker.e@wikimedia.org>
Mon, 1 Apr 2019 19:53:17 +0000 (12:53 -0700)
committerJdlrobson <jrobson@wikimedia.org>
Mon, 1 Apr 2019 20:33:56 +0000 (20:33 +0000)
Second attempt, follow-up to I1b5beee6553. This time with correct
specificity.

Change-Id: Ifeefe668c6d50b9452f6702dc632d67439a68135

resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.styles.less

index 06c3445..90bcc2e 100644 (file)
                display: inline-block;
                width: 21em;
                // .oo-ui-inline-spacing( 0.5em ); already inherited from `.oo-ui-inputWidget`
+
+               .oo-ui-labelElement-label {
+                       line-height: @line-height-widget-singleline;
+               }
        }
 
        // Note that this block applies to both the PHP widget and the JS widget
                border-radius: @border-radius-base;
                padding: @padding-input-text;
                line-height: @line-height-widget-singleline;
-
-               > .oo-ui-labelElement-label {
-                       line-height: @line-height-widget-singleline;
-               }
        }
 
        &.oo-ui-widget-enabled {