diff --git a/www/css/theme/the-network.css b/www/css/theme/the-network.css index f8bf615..8a9055a 100644 --- a/www/css/theme/the-network.css +++ b/www/css/theme/the-network.css @@ -42,7 +42,7 @@ along with this program. If not, see .*/ --focus-glow0: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0); --focus-glow0-inset: 2px 2px 3px var(--focus0) inset, -2px 2px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset; --focus-glow0-inset-top: 2px 0px 2px var(--focus0) inset, -2px 0px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset, 0px -1px 3px 1px var(--focus0); - --focus-glow0-inset-top-alt: 2px 0px 2px var(--focus0) inset, -2px 0px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset, -0.5px -2px 3px 0.5px var(--focus0); + --focus-glow0-inset-top-alt: 2px 0px 2px var(--focus0) inset, -2px 0px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset; --focus-glow0-alt0: 2px 2px 3px var(--focus0-alt0), -2px 2px 3px var(--focus0-alt0), 2px -2px 3px var(--focus0-alt0), -2px -2px 3px var(--focus0-alt0); --focus-glow0-alt0-inset: 2px 2px 3px var(--focus0-alt0) inset, -2px 2px 3px var(--focus0-alt0) inset, 2px -2px 3px var(--focus0-alt0) inset, -2px -2px 3px var(--focus0-alt0) inset; @@ -649,6 +649,18 @@ select.panel-head-element{ pointer-events: none; } + +/* There isn't a good way to make a box shadow emit in one direction, so we gotta fake it til' we make it XP */ +#chat-panel-control-div:has(#chat-panel-prompt:focus):has(#chat-panel-send-button:not([style*="display: none"])):after{ + content: ''; + width: calc(100% - 2.5rem); + height: 3px; + top: -3px; + background: linear-gradient(to top, var(--focus0), rgb(0,0,0,0)); + 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);