From 7955d3edd473e64d431d5b4ee9985d93f2b82a0d Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 13:28:31 +0100 Subject: make charselect depend on the display width --- webAO/styles/client.css | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 9ecd8cb..ec16b1c 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -106,17 +106,18 @@ } #client_charselect { + display: grid; position: fixed; - top: 0; - left: 0; - width: 98vw; - height: 100%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 75vw; overflow-y: auto; justify-content: center; align-items: center; vertical-align: middle; margin: 0 auto; - background: rgba(70, 70, 70, 0.5); + background: #444; z-index: 50; } @@ -124,14 +125,8 @@ background: #eee; } -#client_chartable_container { - display: flex; - flex-direction: column; - align-items: center; -} - .demothing { - display: block; + display: inline-block; height: 60px; width: 60px; max-width: 60px; -- cgit From ab57e11f91c9d08167a811dd801ff8fb57215d5c Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 13:42:11 +0100 Subject: add scrollbar --- webAO/styles/client.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index ec16b1c..03458d6 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -112,7 +112,8 @@ left: 50%; transform: translate(-50%, -50%); width: 75vw; - overflow-y: auto; + max-height: 90vh; + overflow-y: scroll; justify-content: center; align-items: center; vertical-align: middle; -- cgit From b45ada9c735d6df1129a271b4de6b7592880922a Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 18:56:17 +0100 Subject: transform is not widely supported --- webAO/styles/client.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 03458d6..241a66e 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -108,10 +108,9 @@ #client_charselect { display: grid; position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 75vw; + top: 5vh; + left: 10vw; + width: 80vw; max-height: 90vh; overflow-y: scroll; justify-content: center; -- cgit From 97d81ab021b9021838e84c9adc833ee3c13854a2 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 22:13:20 +0100 Subject: change darkening --- webAO/styles/client.css | 8 -------- 1 file changed, 8 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 241a66e..011d692 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -121,10 +121,6 @@ z-index: 50; } -#client_chartable { - background: #eee; -} - .demothing { display: inline-block; height: 60px; @@ -431,10 +427,6 @@ border-color: #FFD081; } -.dark { - filter: brightness(50%); -} - .noini { transform: rotate(180deg); } -- cgit From 471cce5bcb7c41c34849a608e541b7d84dc512c9 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 22:25:09 +0100 Subject: change it back to block --- webAO/styles/client.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 011d692..0c4d388 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -106,7 +106,7 @@ } #client_charselect { - display: grid; + display: block; position: fixed; top: 5vh; left: 10vw; -- cgit From f2577419f6552f6f92ae6d4ee4501c198ba32fb5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 22:38:02 +0100 Subject: center the loading box the same way i did it with the charselect --- webAO/styles/client.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 0c4d388..e76fb79 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -45,15 +45,15 @@ } #client_loading { - position: absolute; - display: flex; + display: block; flex-direction: column; - padding: 10px; - top: 50%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); + position: fixed; + top: 30vh; + left: 30vw; + width: 40vw; + height: 15vh; justify-content: center; + text-align: center; align-items: center; background: black; color: lightgreen; -- cgit From d3b7e5b7c06eec03cb5d51c51e10f6df3e5c446e Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 22:39:09 +0100 Subject: wow things are actually centered now --- webAO/styles/client.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index e76fb79..ecc2089 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -113,9 +113,7 @@ width: 80vw; max-height: 90vh; overflow-y: scroll; - justify-content: center; - align-items: center; - vertical-align: middle; + text-align: center; margin: 0 auto; background: #444; z-index: 50; -- cgit From 4011d22ec96b36b77724831e996de2458afe4d3a Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 15 Feb 2020 22:40:20 +0100 Subject: stop the reconnect button from floating mid page --- webAO/styles/client.css | 1 - 1 file changed, 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index ecc2089..841ec83 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -51,7 +51,6 @@ top: 30vh; left: 30vw; width: 40vw; - height: 15vh; justify-content: center; text-align: center; align-items: center; -- cgit