Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-05 05:45:22 +02:00
Code Issues Releases Activity

feature(UI): toggle styling changes [EE-4602] (#10373)

Browse source
This commit is contained in:
Prabhat Khera 2023-10-12 07:34:38 +13:00 • committed by GitHub
parent 6a5f5aa424
commit 31bcba96c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 28 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

33
app/assets/css/bootstrap-override.css vendored
View file

@ -70,11 +70,14 @@
}
.switch input[type='checkbox']:disabled + .slider {
background-color: var(--ui-gray-3);
@apply th-dark:before:bg-gray-warm-8;
@apply th-highcontrast:before:bg-gray-warm-8;
@apply th-dark:bg-gray-warm-9;
@apply th-highcontrast:bg-gray-warm-9;
opacity: 0.3;
@apply th-dark:bg-gray-warm-6 th-dark:opacity-40;
@apply th-highcontrast:bg-gray-warm-6 th-highcontrast:opacity-40;
}
.switch input[type='checkbox']:disabled:is(:checked) + .slider {
@apply th-dark:bg-blue-9 th-dark:opacity-60;
@apply th-highcontrast:bg-blue-9 th-highcontrast:opacity-60;
}
.switch-values {
@ -92,11 +95,23 @@
left: 0;
right: 0;
bottom: 0;
background-color: var(--bg-switch-box-color);
-webkit-transition: 0.4s;
transition: 0.4s;
@apply th-dark:bg-gray-warm-9;
@apply th-highcontrast:bg-gray-warm-9;
@apply bg-gray-6;
@apply th-dark:bg-gray-warm-8;
@apply th-highcontrast:bg-gray-warm-8;
}
.slider:hover {
@apply bg-gray-7;
@apply th-dark:bg-gray-warm-7;
@apply th-highcontrast:bg-gray-warm-7;
}
input:checked + .slider:hover {
background-color: var(--ui-blue-9);
@apply th-dark:bg-blue-10;
@apply th-highcontrast:bg-blue-10;
}
.slider:before {
@ -118,7 +133,7 @@ input:checked + .slider {
}
input:focus + .slider {
box-shadow: 0 0 1px var(--ui-blue-8);
box-shadow: 0 0 2px var(--ui-blue-8);
}
input:checked + .slider:before {