nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-01-21 07:55:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

app: Update style for toggle button

Browse Source 
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2020-02-17 21:20:55 -08:00 committed by James Valleroy
parent 6c426c1f20
commit 58640f6dfb
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
static/themes/default/css/plinth.css
View File

@ -493,11 +493,13 @@ a.menu_link_active {
justify-content: flex-end;
}
/*
* Toggle button
*/
.toggle-button {
border-radius: 25px;
border: none;
width: 55px;
height: 25px;
border-radius: 13px;
width: 50px;
height: 26px;
background: #ccc;
position: relative;
}
@ -505,26 +507,23 @@ a.menu_link_active {
.toggle-button::before {
content: '';
display: block;
height: 18px;
width: 18px;
height: 24px;
width: 24px;
border-radius: 100%;
background: #fff;
position: absolute;
top: 50%;
left: 6%;
left: 0%;
transform: translateY(-50%);
}
.toggle-button--toggled {
background: #337ab7;
background: #4989D4;
}
.toggle-button--toggled::before {
content: '';
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%) translateX(-116%)
transform: translateY(-50%) translateX(-100%)
}
.header-bar {