X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.action%2Fmediawiki.action.view.postEdit.less;h=c40b1c369f228d4a606f750c89527f6b1adaa920;hb=ae3f5f12ff8334c55a928634f4d8fc32879f3ec0;hp=467928d7e80ff4291cc4b3c248e3ffb1ea2a6389;hpb=4b0cf0197778a1e00832b85f459f9643737764ba;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 467928d7e8..c40b1c369f 100644 --- a/resources/src/mediawiki.action/mediawiki.action.view.postEdit.less +++ b/resources/src/mediawiki.action/mediawiki.action.view.postEdit.less @@ -1,5 +1,7 @@ @import 'mediawiki.mixins'; +/* stylelint-disable selector-class-pattern */ + .postedit-container { margin: 0 auto; position: fixed; @@ -7,7 +9,7 @@ height: 0; left: 50%; z-index: 1000; - font-size: 13px; + font-size: 14px; cursor: pointer; } @@ -19,47 +21,43 @@ 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 ); + /* T176796 */ background-position: left; } - -.postedit:after { - content: '×'; - position: absolute; - padding: 0 0.8em; - right: 0; - top: 0; - font-size: 1.25em; - font-weight: bold; - line-height: 2.3em; - text-shadow: 0 0.0625em 0 #fff; - opacity: 0.2; -} - -.postedit:hover:after { - opacity: 0.4; -}