rainbownapkin/canopy
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

re-arrenged some things, added instance name border

Browse source
This commit is contained in:
rainbow napkin 2026-10-05 21:23:21 -04:00
parent 10a913ae65
commit 92ba4f2654
1 changed files with 24 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

43
www/css/theme/the-network.css
View file

@ -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{