Mirrors
/
aredn
mirror of https://github.com/aredn/aredn.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make tunnel switches more "glanceable" (#1394)

This commit is contained in:
Tim Wilkinson 2024-08-25 11:46:57 -07:00 committed by GitHub
parent 11f8f1a58b
commit 967ea8f548
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
files/app/resource/css/admin.css
View File

@ -1134,18 +1134,21 @@ label.switch
}
.tunnel .switch input[type=checkbox]::before
{
height: 1.4em;
width: 1.4em;
height: 1.6em;
width: 1.6em;
left: calc(1.7em/2 + .3em);
border: 1px solid transparent;
}
.tunnel .switch input[type=checkbox]:checked::before
{
left: calc(100% - (1.7em/2 + .3em));
background-color: var(--service-bg-color-status-inactive);
background-color: transparent;
border-color: var(--ctrl-modal-textbox-border-color);
}
.tunnel .switch.up input[type=checkbox]:checked::before
{
background-color: var(--service-bg-color-status-active);
border-color: transparent;
}
.tunnel input[name=name]
{

4
files/app/resource/css/themes/high-contrast.css
View File

@ -30,7 +30,7 @@
--ctrl-modal-bg-secondary-color: #e0e0e0;
--ctrl-modal-bg-tertiary-color: #d0d0d0;
--firmware-status-fg-color: #f0f0f0;
--firmware-status-bg-color-positive: #005500;
--firmware-status-bg-color-positive: #007500;
--firmware-status-bg-color-negative: #900000;
--firmware-status-bg-color-other: #494cd6;
--conn-fg-color-excellent: #005500;
@ -40,7 +40,7 @@
--conn-fg-color-bad: #900000;
--conn-fg-color-idle: #a0a0a0;
--service-fg-color-status: #f0f0f0;
--service-bg-color-status-active: #005500;
--service-bg-color-status-active: #007500;
--service-bg-color-status-inactive: #808080;
--service-bg-color-status-disabled: #900000;
--icon-filter: none;

4
files/app/resource/css/themes/light.css
View File

@ -30,7 +30,7 @@
--ctrl-modal-bg-secondary-color: #e0e0e0;
--ctrl-modal-bg-tertiary-color: #d0d0d0;
--firmware-status-fg-color: #f0f0f0;
--firmware-status-bg-color-positive: #005500;
--firmware-status-bg-color-positive: #007500;
--firmware-status-bg-color-negative: #900000;
--firmware-status-bg-color-other: #494cd6;
--conn-fg-color-excellent: #005500;
@ -40,7 +40,7 @@
--conn-fg-color-bad: #900000;
--conn-fg-color-idle: #a0a0a0;
--service-fg-color-status: #f0f0f0;
--service-bg-color-status-active: #005500;
--service-bg-color-status-active: #007500;
--service-bg-color-status-inactive: #808080;
--service-bg-color-status-disabled: #900000;
--icon-filter: none;