wiwi/pianometer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加音名顯示功能

Browse Source
This commit is contained in:
Wiwi Kuan
2024-06-03 11:19:38 +08:00
committed by GitHub
parent 3377d1cf35
commit 4122760cd7
4 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
style.css
View File

@@ -552,7 +552,8 @@ input[type=checkbox] {
visibility: hidden;
}
label[for=rainbow-mode-checkbox] {
label[for=rainbow-mode-checkbox],
label[for=display-note-names-checkbox] {
cursor: pointer;
width: 50px;
height: 25px;
@@ -563,7 +564,8 @@ label[for=rainbow-mode-checkbox] {
transition: .3s;
}
label[for=rainbow-mode-checkbox]:after {
label[for=rainbow-mode-checkbox]:after,
label[for=display-note-names-checkbox]:after {
content: '';
position: absolute;
top: 1.25px;
@@ -575,15 +577,18 @@ label[for=rainbow-mode-checkbox]:after {
transition: .3s;
}
input:checked + label[for=rainbow-mode-checkbox] {
background: #6f42c1;
input:checked + label[for=rainbow-mode-checkbox],
input:checked + label[for=display-note-names-checkbox] {
background: #6f42c1;
}
label[for=rainbow-mode-checkbox]:active:after {
width: 32.5px;
label[for=rainbow-mode-checkbox]:active:after,
label[for=display-note-names-checkbox]:active:after {
width: 32.5px;
}
input:checked + label[for=rainbow-mode-checkbox]:after {
left: calc(100% - 1.25px);
transform: translateX(-100%);
input:checked + label[for=rainbow-mode-checkbox]:after,
input:checked + label[for=display-note-names-checkbox]:after {
left: calc(100% - 1.25px);
transform: translateX(-100%);
}