Also remove :hover for cursor:pointer because cursor:pointer is always
shown on hovering.
Change-Id: Ib44f927a1764f703a8c31af363ebd5a8fca27375
$content.append( data.message );
}
- $popup = $( '<div>' ).addClass( 'postedit mw-notification' ).append(
- $content,
- $( '<span>' ).addClass( 'postedit-close' ).text( '×' )
- ).click( function () {
- clearTimeout( timeoutId );
- fadeOutConfirmation();
- } );
+ $popup = $( '<div>' ).addClass( 'postedit mw-notification' ).append( $content )
+ .click( function () {
+ clearTimeout( timeoutId );
+ fadeOutConfirmation();
+ } );
$container = $( '<div>' ).addClass( 'postedit-container' ).append( $popup );
timeoutId = setTimeout( fadeOutConfirmation, 3000 );
left: 50%;
z-index: 1000;
font-size: 13px;
-
- &:hover {
- cursor: pointer;
- }
+ cursor: pointer;
}
.postedit {
background-position: left;
}
-.postedit-close {
+.postedit:after {
+ content: '×';
position: absolute;
padding: 0 0.8em;
right: 0;
line-height: 2.3em;
text-shadow: 0 0.0625em 0 #fff;
opacity: 0.2;
+}
- .postedit:hover & {
- opacity: 0.4;
- }
+.postedit:hover:after {
+ opacity: 0.4;
}