From 8828770c4fec68bbc12ad08d53aabd0ef20979ba Mon Sep 17 00:00:00 2001 From: nathan Date: Mon, 13 Jun 2022 08:25:16 -0600 Subject: [PATCH] Select / Search CSS: - Fix tag remove button alignment --- api/js/etemplate/Et2Select/Tag/Et2Tag.ts | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/api/js/etemplate/Et2Select/Tag/Et2Tag.ts b/api/js/etemplate/Et2Select/Tag/Et2Tag.ts index e71e241a04..565f31324e 100644 --- a/api/js/etemplate/Et2Select/Tag/Et2Tag.ts +++ b/api/js/etemplate/Et2Select/Tag/Et2Tag.ts @@ -21,11 +21,18 @@ export class Et2Tag extends Et2Widget(SlTag) return [ super.styles, shoelace, css` + :host { + overflow: hidden; + } ::slotted(et2-image) { height: 20px; width: 20px; } + /* Avoid button getting truncated by right side of button */ + .tag__remove { + margin-right: calc(-1 * var(--sl-spacing-2x-small)); + } `]; }