skyler
/
Lightningbeam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make active layer more obvious

This commit is contained in:
Skyler Lehmkuhl 2024-12-08 00:53:19 -05:00
parent bd85a157fc
commit 7a065111f0
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles.css
View File

@ -335,9 +335,9 @@ button {
.layer-header { .layer-header {
width: 100%; width: 100%;
height: calc( 2 * var(--lineheight)); height: calc( 2 * var(--lineheight));
background-color: #bbb; background-color: #aaa;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #aaa; border-bottom: 1px solid #999;
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; cursor: pointer;
} }
@ -353,8 +353,12 @@ button {
padding-left: 1em; padding-left: 1em;
padding-top: 5px; padding-top: 5px;
display: inline-block; display: inline-block;
color: #666;
cursor: text; cursor: text;
} }
.layer-header.active > .layer-name {
color: #000;
}
.layer-track { .layer-track {
min-width: 100%; min-width: 100%;
height: calc( 2 * var(--lineheight)); height: calc( 2 * var(--lineheight));
@ -571,13 +575,19 @@ button {
background-color: #222222; background-color: #222222;
} }
.layer-header { .layer-header {
background-color: #3f3f3f; background-color: #222;
border-top: 1px solid #4f4f4f; border-top: 1px solid #4f4f4f;
border-bottom: 1px solid #222222; border-bottom: 1px solid #111;
} }
.layer-header.active { .layer-header.active {
background-color: #444; background-color: #444;
} }
.layer-name {
color: #aaa
}
.layer-header.active > .layer-name {
color: #fff;
}
.layer-header.audio { .layer-header.audio {
background-color: #23253b; background-color: #23253b;
border-top: 1px solid #403f4e; border-top: 1px solid #403f4e;