X-Git-Url: https://git.cyclocoop.org/admin/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.action%2Fmediawiki.action.view.postEdit.less;h=d19f098529916fa000f0c9d65db04b680f26ae25;hb=76537600906eba83691d6e4a4e7432bd8ccac5ad;hp=8094559084180fb32fa45c0161e42a9169a8460d;hpb=fb742a3a8eb951c91544e70fe09b63b1bac6aec5;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.action/mediawiki.action.view.postEdit.less b/resources/src/mediawiki.action/mediawiki.action.view.postEdit.less
index 8094559084..d19f098529 100644
--- a/resources/src/mediawiki.action/mediawiki.action.view.postEdit.less
+++ b/resources/src/mediawiki.action/mediawiki.action.view.postEdit.less
@@ -7,11 +7,8 @@
 	height: 0;
 	left: 50%;
 	z-index: 1000;
-	font-size: 13px;
-
-	&:hover {
-		cursor: pointer;
-	}
+	font-size: 14px;
+	cursor: pointer;
 }
 
 .postedit {
@@ -22,50 +19,41 @@
 	opacity: 1;
 	.transition( opacity 250ms );
 
+	&:after {
+		content: '';
+		background: no-repeat center center;
+		.background-image-svg( 'images/close.svg', 'images/close.png' );
+		background-size: 12px 12px;
+		position: absolute;
+		right: 0.4em;
+		top: 0;
+		bottom: 0;
+		min-width: 32px;
+		min-height: 32px;
+		opacity: 0.87;
+
+		&:hover {
+			opacity: 1;
+		}
+	}
+
 	&.mw-notification {
 		padding-right: 3em;
 	}
 }
 
-// TODO: Move to monobook skin
-.skin-monobook .postedit {
-	top: 6em !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .postedit-faded {
 	opacity: 0;
 }
 
 .postedit-icon {
-	padding-left: 41px; /* 25 + 8 + 8 */
+	padding-left: 25px;
 	/* like min-height, but old IE compatible and keeps text vertically aligned, too */
 	line-height: 25px;
 	background-repeat: no-repeat;
-	background-position: 8px 50%;
 }
 
 .postedit-icon-checkmark {
 	/* @embed */
 	background-image: url( images/green-checkmark.png );
-	background-position: left;
-}
-
-.postedit-close {
-	position: absolute;
-	padding: 0 0.8em;
-	right: 0;
-	top: 0;
-	font-size: 1.25em;
-	font-weight: bold;
-	line-height: 2.3em;
-	color: #000;
-	text-shadow: 0 0.0625em 0 #fff;
-	text-decoration: none;
-	opacity: 0.2;
-
-	.postedit:hover & {
-		color: #000;
-		text-decoration: none;
-		opacity: 0.4;
-	}
 }