blob: 9c482e827e706718b5deb1612ff7b61230b48527 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
/*!
* MediaWiki Widgets – JavaScript DateInputWidget styles.
*
* @copyright 2011-2025 MediaWiki Widgets Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
@import 'mediawiki.skin.variables.less';
@import 'mediawiki.mixins.less';
.oo-ui-unselectable() {
-webkit-touch-callout: none;
.user-select( none );
}
@size-indicator: unit( ( 12 / 16 / 0.8 ), em );
.mw-widget-dateInputWidget {
&-handle {
.oo-ui-unselectable();
> .oo-ui-indicatorElement-indicator {
display: none;
}
}
&.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator {
display: block;
position: absolute;
top: 0;
right: 0;
width: @size-indicator;
height: @size-full;
margin: 0 0.775em;
}
> .oo-ui-textInputWidget {
z-index: 2;
}
&-calendar {
background-color: @background-color-base;
position: absolute;
margin-top: -2px;
border-radius: @border-radius-base;
box-shadow: @box-shadow-drop-medium;
z-index: 1;
&:focus {
box-shadow: @box-shadow-inset-small @box-shadow-color-progressive--focus, @box-shadow-drop-medium;
z-index: 3;
}
}
&-empty {
.mw-widget-dateInputWidget-handle {
color: @color-subtle;
outline: 0;
}
}
&.oo-ui-flaggedElement-invalid {
.mw-widget-dateInputWidget-handle {
border-color: @border-color-error;
box-shadow: none;
}
}
&.oo-ui-widget-enabled {
.mw-widget-dateInputWidget-handle:hover {
border-color: @border-color-interactive;
}
.oo-ui-inputWidget-input[ readonly ]:not( .oo-ui-pendingElement-pending ) ~ .mw-widget-dateInputWidget-handle {
background-color: @background-color-interactive-subtle;
}
}
&.oo-ui-widget-disabled {
.mw-widget-dateInputWidget-handle {
background-color: @background-color-disabled-subtle;
color: @color-disabled;
border-color: @border-color-disabled;
text-shadow: 0 1px 1px #fff;
cursor: @cursor-base--disabled;
> .oo-ui-indicatorElement-indicator {
opacity: @opacity-icon-base--disabled;
}
}
}
}
|
