Fixed up chromium compatibility.

This commit is contained in:
rainbow napkin 2025-05-04 20:21:35 -04:00
parent e2e6d975fb
commit 781b6a8311
3 changed files with 14 additions and 3 deletions

View file

@ -119,7 +119,7 @@ div#chat-panel-main-div{
#chat-panel-buffer-div{ #chat-panel-buffer-div{
height: 100%; height: 100%;
flex: 1; flex: 1;
overflow: scroll; overflow-y: scroll;
} }
#chat-panel-users-div{ #chat-panel-users-div{
@ -287,6 +287,7 @@ span.user-entry{
font-size: 10pt; font-size: 10pt;
margin-left: 0.5em; margin-left: 0.5em;
user-select: none; user-select: none;
font-family: inherit;
} }
#chat-panel-prompt-autocomplete{ #chat-panel-prompt-autocomplete{
@ -298,8 +299,16 @@ span.user-entry{
z-index: 10; z-index: 10;
margin: 0; margin: 0;
left: 1em; left: 1em;
top: 0.6em;
pointer-events: none; pointer-events: none;
font-family: inherit;
/* This looks good at 0.6em on firefox and alright 0.66 on chrome.
Unfortunately chrome seems to want to change the scaling slightly at different zoome levels which kind of fucks up the effect
I'm calling that a win for firefox :P*/
top: 0.66em;
@supports (-moz-appearance:none){
top: 0.6em;
}
} }
#chat-panel-prompt-autocomplete-filler{ #chat-panel-prompt-autocomplete-filler{

View file

@ -55,8 +55,9 @@ div.channel-guide-entry{
} }
span.channel-guide-entry-item{ span.channel-guide-entry-item{
overflow: scroll; overflow-y: scroll;
height: 2em; height: 2em;
scrollbar-width: none;
} }
p.channel-guide-entry{ p.channel-guide-entry{

View file

@ -81,6 +81,7 @@ body{
color: var(--accent0); color: var(--accent0);
background-image: url('/img/background.png'); background-image: url('/img/background.png');
background-size: 5em; background-size: 5em;
scrollbar-color: var(--accent0-alt1) transparent;
} }
a{ a{