From 7f0eaa80f7a2535ad30c1380546173fd6a60920d Mon Sep 17 00:00:00 2001
From: stonedDiscord <Tukz@gmx.de>
Date: Wed, 16 Mar 2022 23:11:54 +0100
Subject: add a loading bar and a wrapper for all overlaying "windows"

---
 webAO/styles/client.css | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

(limited to 'webAO/styles')

diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index 940a1ea..0dfe15c 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -68,20 +68,31 @@
 	animation: error_blink 3s ease-in-out infinite;
 }
 
-#client_loading {
+#client_waiting {
 	display: block;
 	flex-direction: column;
 	position: fixed;
-  	top: 30vh;
-  	left: 30vw;
-	width: 40vw;
+  	top: 5vh;
+  	left: 10vw;
+	width: 80vw;
+	max-height: 90vh;
+	justify-content: center;
+	text-align: center;
+	align-items: center;
+	font-size: large;
+	z-index: 100;
+	background: #555;
+}
+
+#client_loading {
+	display: block;
+	flex-direction: column;
 	justify-content: center;
 	text-align: center;
 	align-items: center;
 	background: black;
 	color: lightgreen;
 	font-size: large;
-	z-index: 100;
 }
 
 #client_loadingtext {
@@ -104,17 +115,11 @@
 }
 
 #client_charselect {
-	display: none;
-	position: fixed;
-  	top: 5vh;
-  	left: 10vw;
-	width: 80vw;
-	max-height: 90vh;
+	display: block;
 	overflow-y: scroll;
 	text-align: center;
 	margin: 0 auto;
 	background: #444;
-	z-index: 50;
 }
 
 #client_icwrapper {
@@ -701,4 +706,4 @@
 .hrtext:after {
 	left: 0.5em;
 	margin-right: -50%;
-}
\ No newline at end of file
+}
-- 
cgit 


From cd3f7eda8f8a9c407b7750a374e8a40c52c2d881 Mon Sep 17 00:00:00 2001
From: stonedDiscord <Tukz@gmx.de>
Date: Sat, 19 Mar 2022 22:51:02 +0100
Subject: fix scrollbar

---
 webAO/styles/client.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'webAO/styles')

diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index 0dfe15c..c778d6f 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -80,6 +80,7 @@
 	text-align: center;
 	align-items: center;
 	font-size: large;
+	overflow-y: scroll;
 	z-index: 100;
 	background: #555;
 }
@@ -116,7 +117,6 @@
 
 #client_charselect {
 	display: block;
-	overflow-y: scroll;
 	text-align: center;
 	margin: 0 auto;
 	background: #444;
-- 
cgit