03-10-2021 14:29
03-10-2021 14:29
I'm trying to use the tumbler component to allow the user to select an option. However, the default font sizes seem to be too big when the tumbler is being used with text more complex than a number.
I have been trying to edit the font size for the options in the tumbler, mostly using variations of this:
#tumbler-id text {
font-size: 20;
}
That changes the font size of items in the list, but the selected value still has the default font size (so the overall list still takes up most of the screen). Additionally when scrolling through the list, any options that were previously selected continue to use the default font size.
I assume that there's a class being applied to the selected and previously selected options but have been unable to figure out what that class may be.
Does anyone know how I can update the font size for tumbler text? Alternatively, is there any way of inspecting what's being rendered (similar to a browser's inspect option)?
Any help would be really appreciated! I'm really new to this so still trying to figure it all out.
04-12-2021 09:52
04-12-2021 09:52
Try something like:
#tumbler-id #value text { ... }