Compact DropDown popover

Platform
1

I am using this to make a DropDown look compact in a data-table styled ColumnView:

dropdown.compact>button {
    outline: none;
    background: none;
    padding: 0;
    margin: 0;
}

However whatever I have tried to do, I cannot make the popover menu of the dropdown compact. I want it to look as compact as possible, preferably similar to how the above CSS makes a dropdown look

2

Which was…? Only this, or some other attempts?

You may need to be styling dropdown > popover, not > button - if you want to affect the popover, not the button. Maybe having the properties on the button can work in some cases, but you might also need to be explicit, to e.g. override your system theme.

You may need to look into what the default theme does, so you can apply enough CSS priority of your own to override it. You may also need to look into overriding other properties, e.g. border-spacing.

Without a definition of your exact widget tree, and what you do / don’t consider “compact”, it’s hard to say further.

3

Yes I meant I tried dropdown > popover too.

4

Use the inspector. It will show you the selector tree, so you can make one that matches.

5

@matthiasc What executable is that on Windows? (Sorry, there’s tons of them in bin/)

6

It is part of the library. Please see this documentation.

7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.