X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.widgets%2Fmw.widgets.StashedFileWidget.less;h=ecfc880e56934d7f636c79bce4564eee2b2e6813;hb=5fa4cdf860c79b32ab6ef034c6d9420c2727f695;hp=cf9496f91b9e599de27dfa0fc3f7d8266633aed0;hpb=0d0059d36e7494792378c020f5de6033985c3637;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less b/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
index cf9496f91b..8be1e869aa 100644
--- a/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
@@ -1,3 +1,5 @@
+@import 'mediawiki.mixins';
+
 .mw-widgets-stashedFileWidget {
 	display: inline-block;
 	vertical-align: middle;
@@ -20,26 +22,22 @@
 
 .mw-widgets-stashedFileWidget-info {
 	height: 2.4em;
-	background-color: #ffffff;
-	border: 1px solid #cccccc;
+	background-color: #fff;
+	border: 1px solid #c8ccd1;
 	border-radius: 2px;
 	width: 100%;
 	display: table-cell;
 	vertical-align: middle;
 	position: relative;
 	overflow: hidden;
-	-webkit-box-sizing: border-box;
-	   -moz-box-sizing: border-box;
-	        box-sizing: border-box;
+	.box-sizing( border-box );
 
 	> .mw-widgets-stashedFileWidget-label {
 		line-height: 2.3em;
 		margin: 0;
 		overflow: hidden;
 		white-space: nowrap;
-		-webkit-box-sizing: border-box;
-		   -moz-box-sizing: border-box;
-				box-sizing: border-box;
+		.box-sizing( border-box );
 		text-overflow: ellipsis;
 		left: 0.5em;
 		right: 2.375em;
@@ -51,7 +49,7 @@
 			float: left;
 		}
 		> .mw-widgets-stashedFileWidget-fileType {
-			color: #888888;
+			color: #72777d;
 			float: right;
 		}
 	}
@@ -59,34 +57,31 @@
 	> .oo-ui-indicatorElement-indicator,
 	> .oo-ui-iconElement-icon {
 		position: absolute;
+		top: 0;
+		height: 2.3em;
 	}
 
 	> .oo-ui-indicatorElement-indicator {
 		right: 0;
-		top: 0;
 		width: 0.9375em;
-		height: 2.3em;
 		margin-right: 0.775em;
 	}
 
 	> .oo-ui-iconElement-icon {
-		top: 0;
 		width: 1.875em;
-		height: 2.3em;
 		margin-left: 0.5em;
-		left: 0;
 	}
 
 	&.oo-ui-widget-disabled {
 		.mw-widgets-stashedFileWidget-info {
-			color: #cccccc;
-			text-shadow: 0 1px 1px #ffffff;
-			border-color: #dddddd;
-			background-color: #f3f3f3;
+			background-color: #eaecf0;
+			color: #72777d;
+			border-color: #c8ccd1;
+			text-shadow: 0 1px 1px #fff;
 
 			> .oo-ui-iconElement-icon,
 			> .oo-ui-indicatorElement-indicator {
-				opacity: 0.2;
+				opacity: 0.15;
 			}
 		}
 	}
@@ -97,8 +92,8 @@
 	height: 5.5em;
 	text-align: left;
 	padding: 0;
-	background-color: #ffffff;
-	border: 1px solid #cccccc;
+	background-color: #fff;
+	border: 1px solid #c8ccd1;
 	margin-bottom: 0.5em;
 	vertical-align: middle;
 	overflow: hidden;
@@ -117,14 +112,14 @@
 
 		> .mw-widgets-stashedFileWidget-noThumbnail-icon {
 			opacity: 0.4;
-			background-color: #cccccc;
+			background-color: #c8ccd1;
 			height: 5.5em;
 			width: 5.5em;
 		}
 	}
 
 	.mw-widgets-stashedFileWidget-info {
-		border: none;
+		border: 0;
 		background: none;
 		display: block;
 		height: 100%;
@@ -134,11 +129,7 @@
 		> .mw-widgets-stashedFileWidget-label {
 			position: relative;
 
-			> .mw-widgets-stashedFileWidget-fileName {
-				display: block;
-				float: none;
-			}
-
+			> .mw-widgets-stashedFileWidget-fileName,
 			> .mw-widgets-stashedFileWidget-fileType {
 				display: block;
 				float: none;
@@ -147,7 +138,6 @@
 	}
 }
 
-
 .mw-widgets-stashedFileWidget-empty {
 	.mw-widgets-stashedFileWidget-thumbnail-container {
 		text-align: center;
@@ -160,7 +150,7 @@
 	}
 
 	.mw-widgets-stashedFileWidget-label {
-		color: #cccccc;
+		color: #c8ccd1;
 		right: 0.5em;
 	}