fix: make sure chat entry is working correctly through some cleanup

This commit is contained in:
Andy Burke 2025-10-09 12:50:23 -07:00
parent ac64473749
commit 46090d944a
2 changed files with 56 additions and 49 deletions

View file

@ -1,10 +1,10 @@
#chat #topic-chat-container {
#chat #chat-container {
position: relative;
width: 100%;
height: 100%;
}
#chat #topic-chat-content {
#chat #chat-content {
overflow-y: scroll;
position: absolute;
top: 0;
@ -14,12 +14,12 @@
padding: 1.5rem 1.5rem 0.75rem 1.5rem;
}
@media screen and (max-width: 1200px) {
#chat #topic-chat-content {
#chat #chat-content {
padding: 0.75rem;
}
}
#chat #topic-chat-entry-container {
#chat #chat-entry-container {
position: absolute;
bottom: 0;
left: 0;
@ -28,7 +28,7 @@
padding: 1rem;
}
#chat #topic-chat-entry-container form {
#chat #chat-entry-container form {
position: absolute;
top: 0;
left: 0;
@ -39,13 +39,13 @@
padding: 0.75rem;
}
#chat #topic-chat-entry-container form input[type="file"] {
#chat #chat-entry-container form input[type="file"] {
opacity: 0;
display: none;
}
#chat #topic-chat-entry-container form button,
#chat #topic-chat-entry-container form label {
#chat #chat-entry-container form button,
#chat #chat-entry-container form label {
position: relative;
top: inherit;
font-size: inherit;
@ -59,7 +59,7 @@
border: 1px solid rgba(128, 128, 128, 0.2);
}
#chat #topic-chat-entry-container form textarea {
#chat #chat-entry-container form textarea {
flex-grow: 1;
resize: none;
}
@ -284,7 +284,7 @@
}
@media screen and (max-width: 1200px) {
#chat #topic-chat-container {
#chat #chat-container {
position: absolute;
top: 0;
left: 0;
@ -292,13 +292,13 @@
bottom: 0;
}
#chat #topic-chat-container #topic-chat-entry-container,
#chat #topic-chat-container #topic-chat-entry-container form {
#chat #chat-container #chat-entry-container,
#chat #chat-container #chat-entry-container form {
padding: 0.25rem;
}
#chat #topic-chat-container #topic-chat-entry-container form button,
#chat #topic-chat-container #topic-chat-entry-container form label {
#chat #chat-container #chat-entry-container form button,
#chat #chat-container #chat-entry-container form label {
margin: 0 0.5rem;
}