GUACAMOLE-567: Clean up style of connection stability warning. Add warning icon.
Project: http://git-wip-us.apache.org/repos/asf/guacamole-client/repo Commit: http://git-wip-us.apache.org/repos/asf/guacamole-client/commit/6ea24261 Tree: http://git-wip-us.apache.org/repos/asf/guacamole-client/tree/6ea24261 Diff: http://git-wip-us.apache.org/repos/asf/guacamole-client/diff/6ea24261 Branch: refs/heads/master Commit: 6ea24261aef0da111151faf4b9cff70bd607a6de Parents: 1ed2240 Author: Michael Jumper <[email protected]> Authored: Sun May 27 15:27:17 2018 -0700 Committer: Michael Jumper <[email protected]> Committed: Sun May 27 17:09:24 2018 -0700 ---------------------------------------------------------------------- .../app/client/styles/connection-warning.css | 28 ++++++++++++++++--- guacamole/src/main/webapp/images/warning.png | Bin 0 -> 1059 bytes 2 files changed, 24 insertions(+), 4 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/guacamole-client/blob/6ea24261/guacamole/src/main/webapp/app/client/styles/connection-warning.css ---------------------------------------------------------------------- diff --git a/guacamole/src/main/webapp/app/client/styles/connection-warning.css b/guacamole/src/main/webapp/app/client/styles/connection-warning.css index eec3e07..87af0a8 100644 --- a/guacamole/src/main/webapp/app/client/styles/connection-warning.css +++ b/guacamole/src/main/webapp/app/client/styles/connection-warning.css @@ -21,16 +21,36 @@ position: absolute; right: 0.25em; - top: 0.25em; + bottom: 0.25em; z-index: 20; + width: 3in; max-width: 100%; - max-height: 3in; + min-height: 1em; - border: 1px solid rgba(0,0,0,0.5); + border-left: 2em solid #FA0; box-shadow: 1px 1px 2px rgba(0,0,0,0.25); background: #FFE; - padding: 0.5em; + padding: 0.5em 0.75em; font-size: .8em; } + +#connection-warning::before { + + content: ' '; + display: block; + position: absolute; + left: -2em; + top: 0; + + width: 1.25em; + height: 100%; + margin: 0 0.375em; + + background: url('images/warning.png'); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + +} http://git-wip-us.apache.org/repos/asf/guacamole-client/blob/6ea24261/guacamole/src/main/webapp/images/warning.png ---------------------------------------------------------------------- diff --git a/guacamole/src/main/webapp/images/warning.png b/guacamole/src/main/webapp/images/warning.png new file mode 100644 index 0000000..1933417 Binary files /dev/null and b/guacamole/src/main/webapp/images/warning.png differ
