From d44ae1b2746300859629095679557be562e5514b Mon Sep 17 00:00:00 2001 From: "Katja Ramona Sophie Kwast (zaphyra)" Date: Sun, 24 Aug 2025 15:12:00 +0200 Subject: [PATCH] web/css: add some stuff --- web/src/index.css | 85 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) diff --git a/web/src/index.css b/web/src/index.css index 08d78d4..8d4ecda 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -293,3 +293,88 @@ a { .hidden { display: none !important; } + + + +div.room-view { + grid-template: "header" 3.5rem "messageview" 1fr "autocomplete" 0 "typing" auto "input" auto / 1fr; +} + +div.message-composer { + margin: 0; + border-radius: 0; +} + +div.typing-notifications { + min-block-size: 1.6rem; + margin: 0; + padding-block: .25rem; + padding-inline: 1.6rem; + background-color: var(--background-color); + + width: 100%; + + box-shadow: 0 0 0.5rem var(--background-color); + + bottom: 0; + position: absolute; + + &.empty { + display: none; + } +} + +@media (min-width: 721px) { + button.back { + display: none; + } +} + +:root { + overscroll-behavior: none; + + --background-color: #262626; + --border-color: #404040; + --space-list-background-overlay: #1A1A1A; + --room-list-background-overlay: #1A1A1A; + --timeline-hover-bg-color: #333; + --timeline-vertical-padding: .25rem; + --composer-background-color: #333; +} + +img.avatar { + border-radius: 20%; +} + +div.room-list-wrapper { + grid-template-columns: 4rem 1fr; +} + +div.room-search-wrapper { + height: unset; +} + +div.room-list-wrapper, +div.space-bar { + border-right: 1px solid var(--border-color); +} + +div.room-header, +div.room-search-wrapper { + border-bottom: 1px solid var(--border-color); +} + +div.space-entry, +div.message-composer { + border: 1px solid var(--border-color); + padding: .35rem; +} + +div.room-entry { + width: unset; + padding: .35rem; +} + +div.space-entry { + margin: 0.6rem !important; +} -- 2.50.1