From 6ea24261aef0da111151faf4b9cff70bd607a6de Mon Sep 17 00:00:00 2001 From: Michael Jumper Date: Sun, 27 May 2018 15:27:17 -0700 Subject: [PATCH] GUACAMOLE-567: Clean up style of connection stability warning. Add warning icon. --- .../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(-) create mode 100644 guacamole/src/main/webapp/images/warning.png 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 eec3e0745..87af0a882 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; + +} diff --git a/guacamole/src/main/webapp/images/warning.png b/guacamole/src/main/webapp/images/warning.png new file mode 100644 index 0000000000000000000000000000000000000000..1933417c5fbfdad147498df9f05eda2c26fcab41 GIT binary patch literal 1059 zcmV+;1l;?HP)Ln=+ zObA0Uh>9ppvMjq2-NJng1miyAmc`G}SFk-H&-k$0C2y9Df1rFX!AZFbOypj9ZK6(QCOC=${; z;6Rbp^zn?Y4Dm=n8LNx8lHLoIgsKt#004h9lG;jmStnpG>+3F8{ccvj$13{KtfwzA zfCQyyq~#mNS|i{B>*o^I7R%bsTR|U+4nk4bt398zc4D^q(eE}PXv4H#h$$>S+=ZLD z0+QG#KBkJ{0eYR8^uBmUT-RZQDry)$6VwL`Hc!AI*0;?<+!lsAXcm1SeiFCk@Nkk{ zW@Q3^et1ZbEeJA4z!lc7XlHGvViyPm04!j2IcCsvm)WlRqY43j&iWixxqUYAM@>@* z@X;KwKAU)2@%Y~fcf(Uw!uZ0fg|ARrGimWgwZx*8GOf_UL(?b2VN1fagX;=L^2T7` zmNM<_C58zoH@J04Se(uV8^PM|>1^Jy#?L*^byAF(jNpb&`tpjTFH)wTWCb%so`D2T z!u;@6H_aT!+-IqN#TNw8gfa30&PXKMLmB3*DkgzpPRr8IK)dGXc9|!0eq4YmAeat> z$qBegUTVj5A&y3g!vf4yv=P)DnM5s-^(<2Z*+6jngs79u-zq)&fp|;c^%$vvttH4* zA!<0j5L}IG*A&=(rgyt0mPU#V8n_+IXPTDF@%T=lPjxO{N(pwg2F?SI3GxRfilJFd zYmClt-6Gg!n#hIB??n-84mt_!s_t~nM!l=d*TLp72@z@#cibnCUzlv_!DbR#i1$*G zKe;TKX*^>3*^(!*>y^!e@Sa_|4KZDS4g=ShEafs7IjBK1O0Y=^pCbOo5+l^hf>2N1 zIUwdy&M7YFMoGLAuD;GBSE<4tC=MoavQ;9DJIYypA0R2xVC*T3yY)& zt>>!0hw%|u`e}an(aR^Cm?*p~#JeWL&X002ovPDHLkV1jt);x+&P literal 0 HcmV?d00001