safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-07 13:41:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Combine menu status and error dialog into central status text.

Browse Source
This commit is contained in:
Michael Jumper
2012-01-24 15:52:16 -08:00
parent f3254dfaa0
commit db69e717a0
3 changed files with 97 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
guacamole/src/main/webapp/styles/client.css
View File

@@ -28,7 +28,7 @@ body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
div.errorDialogOuter {
div.dialogOuter {
display: table;
height: 100%;
width: 100%;
@@ -37,44 +37,56 @@ div.errorDialogOuter {
top: 0;
visibility: hidden;
/*
background-image: url('../images/spinner.gif');
background-position: center;
background-repeat: no-repeat;
*/
/*
background-image: url('../images/noimage.png');
background-position: center;
background-repeat: no-repeat;
*/
}
div.errorDialogMiddle {
div.dialogMiddle {
width: 100%;
text-align: center;
display: table-cell;
vertical-align: middle;
}
div.errorDialog {
opacity: 0.75;
background: #D22;
border: 1px solid #F44;
div.dialog {
padding: 1em;
max-width: 75%;
text-align: left;
display: inline-block;
visibility: visible;
}
div.errorDialog h1 {
div.dialog h1 {
margin: 0;
margin-bottom: 0.25em;
text-align: center;
}
div.errorDialog div.buttons {
div.dialog div.buttons {
margin: 0;
margin-top: 0.5em;
text-align: center;
}
div.errorDialog p {
margin: 0;
*:not(.guac-error) button#reconnect {
display: none;
}
div.dialog p {
margin: 0;
}
#menu {
position: fixed;
@@ -87,12 +99,20 @@ div.errorDialog p {
font-size: 0.8em;
}
#menu.error {
.guac-error #menu {
background: #D44;
}
.error #state {
#statusText {
text-shadow: 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black;
font-weight: bold;
font-size: xx-large;
color: white;
}
.guac-error #statusText {
text-shadow: 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black, 0 0 0.25em black;
color: #D44;
}
img {
@@ -145,20 +165,6 @@ div#clipboardDiv textarea {
width: 100%;
}
.guac-display.guac-loading {
border: 1px dotted gray;
background-image: url('../images/spinner.gif');
background-position: center;
background-repeat: no-repeat;
}
.guac-display.guac-error {
border: 1px dotted red;
background-image: url('../images/noimage.png');
background-position: center;
background-repeat: no-repeat;
}
.guac-hide-cursor {
cursor: url('../images/mouse/dot.gif'),url('../images/mouse/blank.cur'),default;
}