diff --git a/www/css/theme/the-network.css b/www/css/theme/the-network.css index 174f702..f8bf615 100644 --- a/www/css/theme/the-network.css +++ b/www/css/theme/the-network.css @@ -288,25 +288,6 @@ div.control-prompt{ background-color: var(--bg2); } -#chat-panel-control-div{ - position: relative; -} - -/* This is hacky as shit, but it allows us to place the focus glow either on top of, or next to, elements within the prompt div (such as the send button bg color) */ -#chat-panel-control-div:has(#chat-panel-prompt:focus):has(#chat-panel-send-button:not([style*="display: none"])):before{ - content: ''; - box-shadow: var(--focus-glow0-inset-top-alt); - width: calc(100% - 2.5rem); - height: 2em; - position: absolute; - pointer-events: none; -} - -/* Use a basic box shadow if we dont have a send button */ -#chat-panel-control-div:focus-within:has(#chat-panel-send-button[style*="display: none"]){ - box-shadow: var(--focus-glow0-inset-top); -} - input.control-prompt, input.control-prompt:focus{ border: none; outline: none; @@ -334,6 +315,11 @@ input.control-prompt, input.control-prompt:focus{ background-color: var(--bg1-alt0); } +#instance-title{ + border-right: 1px solid var(--accent0-alt1); + padding-right: 0.5em; +} + /* index */ .channel-guide-entry{ background-color: var(--bg1); @@ -649,6 +635,25 @@ select.panel-head-element{ text-decoration-color: var(--danger0-alt0); } +#chat-panel-control-div{ + position: relative; +} + +/* This is hacky as shit, but it allows us to place the focus glow either on top of, or next to, elements within the prompt div (such as the send button bg color) */ +#chat-panel-control-div:has(#chat-panel-prompt:focus):has(#chat-panel-send-button:not([style*="display: none"])):before{ + content: ''; + box-shadow: var(--focus-glow0-inset-top-alt); + width: calc(100% - 2.5rem); + height: 2em; + position: absolute; + pointer-events: none; +} + +/* Use a basic box shadow if we dont have a send button */ +#chat-panel-control-div:focus-within:has(#chat-panel-send-button[style*="display: none"]){ + box-shadow: var(--focus-glow0-inset-top); +} + /* popup */ .popup-backer{