Use <span> instead of <a href="#"> for the close button. This makes
resetting the CSS style and the preventDefault() superfluous and
prevents open a new tab on middle click and does not show an
unnecessary status bar on hover.
Change-Id: I8c60aae454d64803686088f1dbe0228b1ecc70be
$popup = $( '<div>' ).addClass( 'postedit mw-notification' ).append(
$content,
- $( '<a>' ).addClass( 'postedit-close' ).attr( 'href', '#' ).text( '×' )
- ).on( 'click', function ( e ) {
- e.preventDefault();
+ $( '<span>' ).addClass( 'postedit-close' ).text( '×' )
+ ).click( function () {
clearTimeout( timeoutId );
fadeOutConfirmation();
} );
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;
}
}