midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fixed levels slider with elevator icon in firefox

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

71
css/index-tailwind-output.css
View file

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

7
index.css
View file

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