From 628337f3afcd5125299cbf620832779ab209022b Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Mon, 30 Dec 2024 15:43:01 -0500 Subject: Add in some hand-rolled styles --- ui/styles/sidebar.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 ui/styles/sidebar.css (limited to 'ui/styles/sidebar.css') diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css new file mode 100644 index 0000000..e512847 --- /dev/null +++ b/ui/styles/sidebar.css @@ -0,0 +1,39 @@ +/* Sidebar and channel selector */ +#sidebar { + background-color: var(--colour-background-alt); +} + +.list-nav li { + padding: 0.5rem; + border-radius: 0.5rem; + border: 1px solid var(--colour-border); + margin: 0.25rem; +} + +.list-nav li.active { + background-color: var(--colour-okay); +} + +.list-nav li:hover { + background-color: var(--colour-warn); +} + +/* create channel form */ +.create-channel form { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: stretch; +} + +.create-channel input { + padding: 0.5rem; + border-radius: 0.5rem 0 0 0.5rem; + border: 1px solid var(--colour-border); + z-index: 1; /* Just to make the focus-active border go over the following button. */ + flex-grow: 1; +} + +.create-channel button { + border-radius: 0 0.5rem 0.5rem 0; +} -- cgit v1.2.3