Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] Adjust layout #18

Open
1j01 opened this issue Jul 30, 2023 · 0 comments
Open

[FEATURE] Adjust layout #18

1j01 opened this issue Jul 30, 2023 · 0 comments

Comments

@1j01
Copy link

1j01 commented Jul 30, 2023

I want to remove the spacing between the left_meta column's content and the main column:

screenshot showing unwanted spacing

(It's also distracting having the columns resize as you type, and on wider terminals, the spacing gets worse.)

This could work something like:

.autocomplete--left-column {
    width: 3;
}

using self.parent.get_component_styles("autocomplete--left-column").width.
What all styles should be supported, and whether this opens up a can of worms, I can't say.

I would also like to position the dropdown flush with the left of the input, since it will be suggesting whole input values, not substrings to be concatenated with the current input value.
I don't have a strong opinion on how this should be specified (CSS or Python API), but the following doesn't work:

Dropdown {
    margin-left: 0 !important;
}

Unlike in the browser, !important can't beat an inline style.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant