diff --git a/client/css/style.css b/client/css/style.css index 28123ade..20f2216d 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -888,8 +888,7 @@ background on hover (unless active) */ line-height: 1.5; } -#loading, -#windows .window { +.window { background: var(--window-bg-color); display: none; overflow-y: auto; @@ -899,7 +898,7 @@ background on hover (unless active) */ } #chat .chan, -#windows .window { +.window { /* flexbox does not seem to scroll without doing this */ position: absolute; bottom: 0; @@ -1619,9 +1618,17 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ #loading { font-size: 14px; - z-index: 1; + height: 100%; +} + +#loading .window { + height: initial; display: flex; flex-direction: column; + bottom: 5px; + left: 5px; + right: 5px; + top: 5px; } #loading p { diff --git a/client/index.html.tpl b/client/index.html.tpl index 754e64d4..92db1ef8 100644 --- a/client/index.html.tpl +++ b/client/index.html.tpl @@ -49,16 +49,18 @@ " data-transports="<%- JSON.stringify(transports) %>">
-
- - The Lounge -

Your JavaScript must be enabled.

+
+ +
+

This is taking longer than it should, there might be connectivity issues.

+ +
+
-
-

This is taking longer than it should, there might be connectivity issues.

- -
-
diff --git a/client/themes/default.css b/client/themes/default.css index 64625bf5..cc2497ba 100644 --- a/client/themes/default.css +++ b/client/themes/default.css @@ -6,7 +6,7 @@ padding-left: 0; } -#windows .window { +.window { border-radius: 5px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); } @@ -17,7 +17,6 @@ padding: 0; } - #viewport #loading, #viewport #sign-in { margin-left: 0; }