Select / Search CSS:

- Fix tag remove button alignment
2022-06-13 08:25:16 -06:00 · 2022-06-13 08:25:16 -06:00 · 8828770c4f
commit 8828770c4f
parent 980f7cb0df
1 changed files with 7 additions and 0 deletions
--- 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));
+		}
 		`];
 	}