X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.widgets%2Fmw.widgets.DateInputWidget.less;h=97504528035276a70e1a2b261feab60141b20ffc;hb=cbe2931d235acb34e868a219c964035ade84d05d;hp=cad2b02c9a88b1452df92a7d0df8b698659a2ea4;hpb=d42d6bd868fd5b579080639995e6a7e23851fcf3;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less b/resources/src/mediawiki.widgets/mw.widgets.DateInputWidget.less
index cad2b02c9a..9750452803 100644
--- 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
  */
 
-.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;
@@ -19,50 +13,11 @@
 	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 {
-	&.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();
-		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;
@@ -74,28 +29,25 @@
 		position: absolute;
 		top: 0;
 		right: 0;
-		width: @indicator-size;
+		width: @size-indicator;
 		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;
-		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 {
-			box-shadow: inset 0 0 0 1px #36c, 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
+			box-shadow: inset 0 0 0 1px #36c, 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
 			z-index: 3;
 		}
 	}
@@ -109,8 +61,8 @@
 
 	&.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;
 		}
 	}