Fix no overflow in slider number display

This commit is contained in:
space-nuko
2023-05-07 17:20:14 -05:00
parent 3a71117073
commit e7f4638093

View File

@@ -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>