Merge "SpecialMovepage: Convert form to use OOUI controls"

[lhc/web/wiklou.git] / resources / src / mediawiki.widgets / mw.widgets.DateInputWidget.less

diff --git a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
index 33e3406..f78a18d 100644 (file)
--- a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
@@ -39,7 +39,7 @@
                .oo-ui-box-sizing(border-box);
        }
 
-       &.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
+       &.oo-ui-widget-disabled .mw-widget-dateInputWidget-handle {
                cursor: default;
        }
 
@@ -59,10 +59,7 @@
                border: 1px solid #ccc;
                border-radius: 0.1em;
                line-height: 1.275em;
-
-               &:hover {
-                       border-color: #347bff;
-               }
+               background-color: white;
        }
 
        > .oo-ui-textInputWidget input {
@@ -92,16 +89,31 @@
                }
        }
 
-       &:hover .oo-ui-dropdownWidget-handle {
-               border-color: #aaa;
+       &.oo-ui-widget-enabled {
+               .mw-widget-dateInputWidget-handle:hover {
+                       border-color: #347bff;
+               }
        }
 
        &.oo-ui-widget-disabled {
-               .oo-ui-dropdownWidget-handle {
+               .mw-widget-dateInputWidget-handle {
                        color: #ccc;
                        text-shadow: 0 1px 1px #fff;
                        border-color: #ddd;
                        background-color: #f3f3f3;
                }
        }
+
+       &.oo-ui-flaggedElement-invalid {
+               .mw-widget-dateInputWidget-handle {
+                       border-color: red;
+                       box-shadow: inset 0 0 0 0 red;
+               }
+       }
+
+       &-empty {
+               .mw-widget-dateInputWidget-handle {
+                       color: #ccc;
+               }
+       }
 }