Merge pull request #390 from Pax1601/308-desired-speed-sliders-dots-not-showing-in-client

Fix issue #308 - remove color-mix and set precomputed css variable value
This commit is contained in:
Pax1601 2023-09-20 16:26:29 +02:00 committed by GitHub
commit 744b0063d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions

View File

@ -530,7 +530,7 @@ nav.ol-panel> :last-child {
}
.active .ol-slider::-webkit-slider-thumb {
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, color-mix(in srgb, var(--accent-light-blue), transparent 66%) 50%);
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, var(--transparent-accent-light-blue) 50%);
}
.ol-slider::-moz-range-thumb {
@ -545,7 +545,7 @@ nav.ol-panel> :last-child {
.active .ol-slider::-moz-range-thumb {
-moz-appearance: none;
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, color-mix(in srgb, var(--accent-light-blue), transparent 66%) 50%);
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, var(--transparent-accent-light-blue) 50%);
}
.ol-slider-min-max {

View File

@ -22,6 +22,7 @@
/*** UI Colours **/
--accent-green: #8bff63;
--accent-light-blue: #5ca7ff;
--transparent-accent-light-blue: rgba(92, 167, 255, .33);
--accent-light-red: #F5B6B6;
--background-grey: #3d4651;