From 89d173388f1eb1f13ea5c41dbcc748d6fafd6e12 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 22:08:46 +0200 Subject: move the css for the boxes into seperate css files --- webAO/styles/chatbox/chatdd.css | 48 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 webAO/styles/chatbox/chatdd.css (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css new file mode 100644 index 0000000..ef63980 --- /dev/null +++ b/webAO/styles/chatbox/chatdd.css @@ -0,0 +1,48 @@ +#client_chatcontainer { + position: absolute; + top: 73%; + height: 27%; + width: 100%; + font-family: sans-serif; + background-image: url("../images/chatbox.svg"); + background-size: cover; + background-repeat: no-repeat; +} + +#client_name { + display: none; + top: 4%; + padding: 0 10px; + height: 22%; + position: absolute; +} + +#client_chat { + font-size: 1em; + display: none; + width: 100%; + margin: auto; + height: 90%; + top: 20%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_chat p { + margin: 4px; + padding: 5px 3%; +} + +#client_chatwaiting { + display: block; + right: 1em; + bottom: 0.6em; + width: 1em; + position: absolute; + animation: idling 1s linear infinite; +} \ No newline at end of file -- cgit From 2257d5d4b1a94d6d4eae3af127fd2b20f33b180f Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 22:51:33 +0200 Subject: don't worry about top anymore --- webAO/styles/chatbox/chatdd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index ef63980..31dfe07 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -1,6 +1,6 @@ #client_chatcontainer { position: absolute; - top: 73%; + bottom: 0; height: 27%; width: 100%; font-family: sans-serif; -- cgit From 650ac895d430b118d278e0b77e9ede0803664bde Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 8 Apr 2020 13:48:39 +0200 Subject: display: block --- webAO/styles/chatbox/chatdd.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 31dfe07..233cdc3 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -10,7 +10,7 @@ } #client_name { - display: none; + display: block; top: 4%; padding: 0 10px; height: 22%; @@ -19,7 +19,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 90%; -- cgit From 182ee7354419bf6ce472817d1124932e82b43f98 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 19:08:53 +0200 Subject: it sometimes didn't register as name p --- webAO/styles/chatbox/chatdd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 233cdc3..b97fa2c 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -33,7 +33,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_name { margin: 4px; padding: 5px 3%; } -- cgit