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

Finished up with personal emotes.

Browse source
This commit is contained in:
rainbow napkin 2024-12-22 21:10:07 -05:00
parent a4a1f6a65b
commit 93cece48ea
5 changed files with 103 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

13
www/css/panel/emote.css
View file

@ -19,17 +19,22 @@
justify-items: center;
}
div.emote-panel-list-emote{
position: relative;
margin: 0.5em;
}
span.emote-panel-list-emote{
width: 9em;
display: flex;
position: relative;
flex-direction: column;
padding: 0.5em 0;
margin: 0.5em;
margin: 0;
cursor: pointer;
}
div.emote-panel-list-big-emote{
span.emote-panel-list-big-emote{
width: 100%;
margin: 0.5em auto;
}
@ -47,7 +52,7 @@ p.emote-list-title{
}
.emote-list-big-media{
max-height: 80VH;
max-height: 30VH;
max-width: 100%;
margin: 0.5em;
}

6
www/css/theme/movie-night.css
View file

@ -349,18 +349,18 @@ select.panel-head-element{
background-color: var(--accent0);
}
div.emote-panel-list-emote{
span.emote-panel-list-emote{
border: 1px solid var(--accent0);
}
.emote-panel-list-emote:hover{
span.emote-panel-list-emote:hover, span.emote-list-trash-icon:hover{
color: var(--focus0-alt0);
border: 1px solid var(--focus0-alt0);
text-shadow: var(--focus-glow0);
box-shadow: var(--focus-glow0), var(--focus-glow0-inset);
}
.emote-panel-list-emote:active{
span.emote-panel-list-emote:active, span.emote-list-trash-icon:active{
color: var(--focus0-alt1);
text-shadow: var(--focus-glow0-alt0);
border: 1px solid var(--focus0-alt1);