Improved the appearance of the warning at the top of the editor

Change-Id: I38e2295f38ab8be101dba2dca251ed27ae65e5c2
This commit is contained in:
Trevor Parscal 2012-04-12 13:40:01 -07:00
parent 3e6e736cc0
commit 51b479f04f
2 changed files with 23 additions and 2 deletions

View file

@ -1,5 +1,5 @@
<!-- VisualEditor Sandbox --> <!-- VisualEditor Sandbox -->
<div id="es-warning" class="es-warning">This an experimental deployment of the current visual editor codebase. It is still highly unstable and should be expected to break at any time. <div id="es-warning" class="es-warning">WARNING: This an experimental deployment of the current visual editor codebase. It is still highly unstable and should be expected to break at any time.
<a href="#" id="es-warning-dismiss">Dismiss</a></div> <a href="#" id="es-warning-dismiss">Dismiss</a></div>
<div id="es-docs" style="visibility: hidden"> <div id="es-docs" style="visibility: hidden">

View file

@ -257,4 +257,25 @@
text-align: center; text-align: center;
margin-bottom: 1em; margin-bottom: 1em;
display: none; display: none;
} border: solid 1px #ffbbbb;
padding: 0.5em 0.75em;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
-o-border-radius: 0.25em;
border-radius: 0.25em;
}
#es-warning-dismiss {
float: right;
color: white;
}
#es-warning-dismiss:hover {
text-decoration: none;
color: silver;
}
#es-warning-dismiss:after {
content: ' ✖';
color: black;
}