dépôts
/
lhc
/
web
/
wiklou.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge "Use stashed ParserOutput during saving."
[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
cad2b02
..
9750452
100644
(file)
--- a/
resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
+++ b/
resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
@@
-1,16
+1,10
@@
/*!
/*!
- * MediaWiki Widgets – DateInputWidget styles.
+ * MediaWiki Widgets –
JS
DateInputWidget styles.
*
* @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
*
* @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
-.oo-ui-box-sizing( @type: border-box ) {
- -webkit-box-sizing: @type;
- -moz-box-sizing: @type;
- box-sizing: @type;
-}
-
.oo-ui-unselectable() {
-webkit-touch-callout: none;
-webkit-user-select: none;
.oo-ui-unselectable() {
-webkit-touch-callout: none;
-webkit-user-select: none;
@@
-19,50
+13,11
@@
user-select: none;
}
user-select: none;
}
-.oo-ui-inline-spacing( @spacing, @cancelled-spacing: 0 ) {
- margin-right: @spacing;
-
- &:last-child {
- margin-right: @cancelled-spacing;
- }
-}
-
-@indicator-size: unit( 12 / 16 / 0.8, em );
+@size-indicator: unit( 12 / 16 / 0.8, em );
.mw-widget-dateInputWidget {
.mw-widget-dateInputWidget {
- &.oo-ui-textInputWidget {
- display: inline-block;
- position: relative;
- width: 21em;
- margin-top: 0.25em;
- .oo-ui-inline-spacing( 0.5em );
- margin-bottom: 0.25em;
- margin-left: 0;
- }
-
- &-handle,
- &.oo-ui-textInputWidget input {
- background-color: #fff;
- display: inline-block;
- position: relative;
- .oo-ui-box-sizing( border-box );
- width: 100%;
+ &-handle {
.oo-ui-unselectable();
.oo-ui-unselectable();
- cursor: pointer;
- padding: 0.5em 1em;
- border: 1px solid #a2a9b1;
- border-radius: 2px;
- outline: 0;
- line-height: 1.275;
- /**
- * Ensures non-infused and infused widget have the same height.
- * Equal to line height + top padding + bottom padding
- */
- height: 2.275em;
-
- > .oo-ui-labelElement-label {
- padding: 0;
- }
> .oo-ui-indicatorElement-indicator {
display: none;
> .oo-ui-indicatorElement-indicator {
display: none;
@@
-74,28
+29,25
@@
position: absolute;
top: 0;
right: 0;
position: absolute;
top: 0;
right: 0;
- width: @
indicator-size
;
+ width: @
size-indicator
;
height: 100%;
margin: 0 0.775em;
}
> .oo-ui-textInputWidget {
z-index: 2;
height: 100%;
margin: 0 0.775em;
}
> .oo-ui-textInputWidget {
z-index: 2;
-
- & input {
- padding-left: 1em;
- }
}
&-calendar {
background-color: #fff;
position: absolute;
margin-top: -2px;
}
&-calendar {
background-color: #fff;
position: absolute;
margin-top: -2px;
- box-shadow: 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
+ border-radius: 2px;
+ box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
z-index: 1;
&:focus {
z-index: 1;
&:focus {
- box-shadow: inset 0 0 0 1px #36c, 0
0.15em 0 0 rgba( 0, 0, 0, 0.1
5 );
+ box-shadow: inset 0 0 0 1px #36c, 0
2px 2px 0 rgba( 0, 0, 0, 0.2
5 );
z-index: 3;
}
}
z-index: 3;
}
}
@@
-109,8
+61,8
@@
&.oo-ui-flaggedElement-invalid {
.mw-widget-dateInputWidget-handle {
&.oo-ui-flaggedElement-invalid {
.mw-widget-dateInputWidget-handle {
- border-color: #
f00
;
- box-shadow:
inset 0 0 0 0 #f00
;
+ border-color: #
d33
;
+ box-shadow:
none
;
}
}
}
}