textual-autocomplete icon indicating copy to clipboard operation
textual-autocomplete copied to clipboard

[FEATURE] Adjust layout

Open 1j01 opened this issue 2 years ago • 0 comments

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.

1j01 avatar Jul 30 '23 23:07 1j01