moanos/Notfellchen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: formatting

Browse Source
This commit is contained in:
moanos [he/him] 2025-01-01 23:52:54 +01:00
parent d05bd45cf4
commit 5197875431
1 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/fellchensammlung/static/fellchensammlung/css/styles.css
View File

@ -218,49 +218,54 @@ a.btn, a.btn2, a.nav-link {
} }
.switch { .switch {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
} }
.toggle-switch { .toggle-switch {
display: inline-block; display: inline-block;
background: #ccc; background: #ccc;
border-radius: 16px; border-radius: 16px;
width: 58px; width: 58px;
height: 32px; height: 32px;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
transition: background 0.25s; transition: background 0.25s;
} }
.toggle-switch:before, .toggle-switch:after { .toggle-switch:before, .toggle-switch:after {
content: ""; content: "";
} }
.toggle-switch:before { .toggle-switch:before {
display: block; display: block;
background: linear-gradient(to bottom, #fff 0%, #eee 100%); background: linear-gradient(to bottom, #fff 0%, #eee 100%);
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
width: 24px; width: 24px;
height: 24px; height: 24px;
position: absolute; position: absolute;
top: 4px; top: 4px;
left: 4px; left: 4px;
transition: left 0.25s; transition: left 0.25s;
} }
.toggle:hover .toggle-switch:before { .toggle:hover .toggle-switch:before {
background: linear-gradient(to bottom, #fff 0%, #fff 100%); background: linear-gradient(to bottom, #fff 0%, #fff 100%);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
} }
.checked + .toggle-switch { .checked + .toggle-switch {
background: #56c080; background: #56c080;
} }
.checked + .toggle-switch:before { .checked + .toggle-switch:before {
left: 30px; left: 30px;
} }
.toggle-checkbox { .toggle-checkbox {
position: absolute; position: absolute;
visibility: hidden; visibility: hidden;
} }
.slider-label { .slider-label {