fixed levels slider with elevator icon in firefox

This commit is contained in:
AlexanderRebai 2022-07-19 08:47:31 +00:00
parent 45b736308e
commit 0d3e7f8168
2 changed files with 41 additions and 37 deletions

View file

@ -803,18 +803,10 @@ video {
float: none;
}
.m-8 {
margin: 2rem;
}
.m-1 {
margin: 0.25rem;
}
.m-2 {
margin: 0.5rem;
}
.m-4 {
margin: 1rem;
}
@ -835,6 +827,14 @@ video {
margin: 0.75rem;
}
.m-8 {
margin: 2rem;
}
.m-2 {
margin: 0.5rem;
}
.m-6 {
margin: 1.5rem;
}
@ -866,6 +866,10 @@ video {
margin-top: 2rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.ml-3 {
margin-left: 0.75rem;
}
@ -2040,34 +2044,35 @@ input[type="range"].vertical {
-webkit-appearance: slider-vertical;
/* Chromium */
width: 8px;
height: 310px;
padding: 0 5px;
height: 180px;
padding: 31px 5px 0 5px;
cursor: pointer;
}
.elevatorslider::-webkit-slider-thumb {
width: 100px;
height: 100px;
border: 0;
@-moz-document url-prefix() {
input[type="range"].vertical {
height: 269px !important;
width: 65px !important;
}
.valuesContainer {
padding-top: 30px;
}
input[type="range"].vertical::-moz-range-thumb {
width: 150px;
height: 30px;
border: 2px;
border-style: solid;
background-color: #00000000 !important;
background-image: url("/assets/svg/elevator.svg");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
position: relative;
z-index: 2;
}
.elevatorslider::-moz-range-thumb {
width: 100px;
height: 100px;
border: 0;
background-color: #00000000 !important;
background-image: url("/assets/svg/elevator.svg");
background-image: url("/assets/svg/elevator_wheelchair.svg");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
border-image: linear-gradient(to right, black 50%, transparent 50%) 100% 1;
padding-bottom: 5px;
}
}
.border-detail {

View file

@ -234,22 +234,21 @@ input[type="range"].vertical {
-webkit-appearance: slider-vertical; /* Chromium */
width: 8px;
height: 180px;
padding: 0 5px;
padding: 31px 5px 0 5px;
cursor: pointer;
}
@-moz-document url-prefix() {
input[type="range"].vertical {
height: 280px !important;
height: 269px !important;
width: 65px !important;
padding-top: 25px;
}
.valuesContainer {
padding-top: 30px;
}
input[type="range"].vertical::-moz-range-thumb {
width: 150px;
height: 35px;
height: 30px;
border: 2px;
border-style: solid;
background-color: #00000000 !important;