From 51978754311915ff73a576418e8072037e4fc69f Mon Sep 17 00:00:00 2001 From: moanos Date: Wed, 1 Jan 2025 23:52:54 +0100 Subject: [PATCH] refactor: formatting --- .../static/fellchensammlung/css/styles.css | 59 ++++++++++--------- 1 file changed, 32 insertions(+), 27 deletions(-) diff --git a/src/fellchensammlung/static/fellchensammlung/css/styles.css b/src/fellchensammlung/static/fellchensammlung/css/styles.css index f144975..3b7eac4 100644 --- a/src/fellchensammlung/static/fellchensammlung/css/styles.css +++ b/src/fellchensammlung/static/fellchensammlung/css/styles.css @@ -218,49 +218,54 @@ a.btn, a.btn2, a.nav-link { } .switch { - cursor: pointer; - display: inline-block; + cursor: pointer; + display: inline-block; } .toggle-switch { - display: inline-block; - background: #ccc; - border-radius: 16px; - width: 58px; - height: 32px; - position: relative; - vertical-align: middle; - transition: background 0.25s; + display: inline-block; + background: #ccc; + border-radius: 16px; + width: 58px; + height: 32px; + position: relative; + vertical-align: middle; + transition: background 0.25s; } + .toggle-switch:before, .toggle-switch:after { - content: ""; + content: ""; } + .toggle-switch:before { - display: block; - background: linear-gradient(to bottom, #fff 0%, #eee 100%); - border-radius: 50%; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); - width: 24px; - height: 24px; - position: absolute; - top: 4px; - left: 4px; - transition: left 0.25s; + display: block; + background: linear-gradient(to bottom, #fff 0%, #eee 100%); + border-radius: 50%; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); + width: 24px; + height: 24px; + position: absolute; + top: 4px; + left: 4px; + transition: left 0.25s; } + .toggle:hover .toggle-switch:before { - background: linear-gradient(to bottom, #fff 0%, #fff 100%); - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .checked + .toggle-switch { - background: #56c080; + background: #56c080; } + .checked + .toggle-switch:before { - left: 30px; + left: 30px; } .toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .slider-label {