Added site-wide emote support.

This commit is contained in:
rainbow napkin 2024-12-20 01:42:48 -05:00
parent 41d0302ded
commit 97717b525c
11 changed files with 122 additions and 22 deletions

View file

@ -102,19 +102,14 @@ img.admin-list-entry-item{
width: 11em;
}
#toke-command-list-div{
/*Maybe I suck at CSS but I can't get relative percentage-based heights to play nice here.
Either way sizing this by total viewheight isn't too big a deal. At least here...*/
min-height: 9em;
max-height: 20vh;
}
div.toke-command-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
text-align: center;
padding: 1em;
overflow-y: auto;
min-height: 0.8em;
max-height: 5.5em;
}
span.toke-command-list{
@ -131,16 +126,13 @@ i.toke-command-list{
margin: 0.2em;
}
#emote-list-div{
height: 30vh;
}
#emote-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
padding: 1em;
overflow-y: auto;
justify-items: center;
max-height: 19.8em;
}
div.emote-list-emote{

View file

@ -269,11 +269,12 @@ span.user-entry{
.toke{
text-align: center;
margin: 0.2em auto;
font-size: 9pt;
font-size: 9.5pt;
}
.tokewhisper{
.serverwhisper{
font-size: 9pt;
font-style: italic;
}
.chat-img, .chat-video{

View file

@ -26,8 +26,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
--bg2-alt0: rgb(200, 200, 200);
--bg2-alt1: rgb(180, 180, 180);
--accent0: rgb(48, 47, 47);
--accent0: rgb(47, 47, 47);
--accent0-alt0: rgb(34, 34, 34);
--accent0-alt1: rgb(70, 70, 70);
--accent1: rgb(245, 245, 245);
--accent1-alt0: rgb(185, 185, 185);
--accent2: var(--accent0-alt0);
@ -240,6 +241,10 @@ p.channel-guide-entry-item{
border-bottom: 1px solid var(--bg2-alt1);
}
.serverwhisper{
color: var(--accent0-alt1)
}
.userlist-color0{/*green0*/
color: var(--userlist-color0);
text-shadow: none;