Select / Search tag CSS:

- Pill tags
- Keep tag from overflowing
- Fix remove icon cut off
This commit is contained in:
nathan 2022-06-13 16:31:46 -06:00
parent 70ae151cfd
commit a26b775505

View File

@ -21,7 +21,7 @@ export class Et2Tag extends Et2Widget(SlTag)
return [
super.styles,
shoelace, css`
:host {
.tag--pill {
overflow: hidden;
}
::slotted(et2-image)
@ -31,7 +31,7 @@ export class Et2Tag extends Et2Widget(SlTag)
}
/* Avoid button getting truncated by right side of button */
.tag__remove {
margin-right: calc(-1 * var(--sl-spacing-2x-small));
margin-right: 0;
}
`];
}
@ -39,6 +39,7 @@ export class Et2Tag extends Et2Widget(SlTag)
constructor(...args : [])
{
super(...args);
this.pill = true;
}
render()