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

Better styling and alignment of notifications.

Browse Source
This commit is contained in:
Michael Jumper
2013-06-26 11:27:21 -07:00
parent 6f33d188fd
commit e8cdc9c5b7
1 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -291,9 +291,11 @@ p.hint {
position: fixed; position: fixed;
right: 0.5em; right: 0.5em;
bottom: 0.5em; bottom: 0.5em;
max-width: 25%;
min-width: 10em;
} }
.download.notification { .notification {
font-size: 0.9em; font-size: 0.9em;
@@ -305,16 +307,17 @@ p.hint {
padding: 0.5em; padding: 0.5em;
margin: 1em; margin: 1em;
overflow: hidden;
box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.75); box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.75);
} }
.download.notification div { .notification div {
display: inline-block; display: inline-block;
} }
.download.notification .caption { .notification .caption {
color: silver; color: silver;
} }
@@ -328,14 +331,30 @@ p.hint {
to {background-position: 64px 0px;} to {background-position: 64px 0px;}
} }
.download.notification .progress { .download.notification .caption {
max-width: 20em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.download.notification .progress,
.download.notification .download {
margin-top: 1em;
margin-left: 0.75em; margin-left: 0.75em;
padding: 0.25em; padding: 0.25em;
min-width: 5em; min-width: 5em;
border: 1px solid gray; border: 1px solid gray;
border-radius: 0.2em; border-radius: 0.2em;
text-align: center; text-align: center;
float: right;
}
.download.notification .progress {
background: #444 url('../images/progress.png'); background: #444 url('../images/progress.png');
background-size: 16px 16px; background-size: 16px 16px;
@@ -356,13 +375,7 @@ p.hint {
} }
.download.notification .download { .download.notification .download {
margin-left: 0.75em;
padding: 0.25em;
min-width: 5em;
border: 1px solid gray;
background: rgb(16, 87, 153); background: rgb(16, 87, 153);
border-radius: 0.2em;
text-align: center;
} }
.download.notification .download a[href] { .download.notification .download a[href] {