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