muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 02:56:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed slider styles

Browse source
This commit is contained in:
Fedor Katurov 2021-04-08 14:07:41 +07:00
parent faed11bb79
commit 1eefa0ebbc
1 changed files with 269 additions and 271 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/styles/slider.scss
View file

@ -19,8 +19,7 @@ $ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
} }
} }
:global { .rc-slider {
.rc-slider {
position: relative; position: relative;
height: 40px; height: 40px;
padding: 15px 0; padding: 15px 0;
@ -160,9 +159,9 @@ $ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
opacity: 0; opacity: 0;
} }
} }
} }
.rc-slider-vertical { .rc-slider-vertical {
width: 14px; width: 14px;
height: 100%; height: 100%;
padding: 0 5px; padding: 0 5px;
@ -211,9 +210,9 @@ $ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
} }
} }
} }
} }
@keyframes rcSliderTooltipZoomDownIn { @keyframes rcSliderTooltipZoomDownIn {
0% { 0% {
opacity: 0; opacity: 0;
transform-origin: 50% 100%; transform-origin: 50% 100%;
@ -223,9 +222,9 @@ $ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform-origin: 50% 100%; transform-origin: 50% 100%;
transform: scale(1, 1); transform: scale(1, 1);
} }
} }
@keyframes rcSliderTooltipZoomDownOut { @keyframes rcSliderTooltipZoomDownOut {
0% { 0% {
transform-origin: 50% 100%; transform-origin: 50% 100%;
transform: scale(1, 1); transform: scale(1, 1);
@ -235,9 +234,9 @@ $ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform-origin: 50% 100%; transform-origin: 50% 100%;
transform: scale(0, 0); transform: scale(0, 0);
} }
} }
.rc-slider-tooltip { .rc-slider-tooltip {
position: absolute; position: absolute;
left: -9999px; left: -9999px;
top: -9999px; top: -9999px;
@ -282,9 +281,9 @@ $ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
border-width: $tooltip-arrow-width $tooltip-arrow-width 0; border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
border-top-color: $tooltip-arrow-color; border-top-color: $tooltip-arrow-color;
} }
} }
.range-placeholder { .range-placeholder {
height: 40px; height: 40px;
padding: 15px 0; padding: 15px 0;
box-sizing: border-box; box-sizing: border-box;
@ -299,5 +298,4 @@ $ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);
border-radius: 6px; border-radius: 6px;
pointer-events: none; pointer-events: none;
} }
}
} }