Minor cosmetic issue
markhm opened this issue · 2 comments
markhm commented
gatanaso commented
Hi @markhm,
Thanks for opening this issue. Hopefully this answer does not come too late :)
The MultiselectComboBox
has stylable parts, so you can adjust the styles however you see fit for you application. For example, to increase the spacing between the tokens (i.e. affect the input field styles) you need to target the multiselect-combo-box-input
component:
- Create a new file under
frontend/styles
calledmultiselect-combo-box-input-styles.css
- In that file add the following code:
[part="token"] + [part="token"] {
margin-left: 10px; // or any other value
}
- Apply the new style to your app by adding the following annotation:
@Route("")
@CssImport(value = "./styles/multiselect-combo-box-input-styles.css", themeFor = "multiselect-combo-box-input")
public class MyAwesomeApp extends VerticalLayout {.....}
The above code for example will add more spacing between adjacent tokens, but you can also adjust any of the other parts available in the web component.
Hope this helps,
Goran