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