Fix no overflow in slider number display
This commit is contained in:
@@ -123,8 +123,13 @@
|
|||||||
padding: 2px;
|
padding: 2px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
:global(input[type=number]) {
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.mobile {
|
||||||
// Prevent swiping on the slider track from accidentally changing the value
|
// Prevent swiping on the slider track from accidentally changing the value
|
||||||
&.mobile :global(input[type="range"]) {
|
:global(input[type="range"]) {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
appearance: none;
|
appearance: none;
|
||||||
@@ -153,6 +158,12 @@
|
|||||||
border: 2px solid var(--neutral-100);
|
border: 2px solid var(--neutral-100);
|
||||||
box-shadow: 0px 0px 0px 1px var(--neutral-400);
|
box-shadow: 0px 0px 0px 1px var(--neutral-400);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:global(input[type=number]) {
|
||||||
|
font-size: 16px;
|
||||||
|
height: var(--size-6);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user