extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-29 10:09:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Select / Search tag CSS:

Browse Source 
- 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
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
api/js/etemplate/Et2Select/Tag/Et2Tag.ts
View File

@ -21,7 +21,7 @@ export class Et2Tag extends Et2Widget(SlTag)
return [ return [
super.styles, super.styles,
shoelace, css` shoelace, css`
:host { .tag--pill {
overflow: hidden; overflow: hidden;
} }
::slotted(et2-image) ::slotted(et2-image)
@ -31,7 +31,7 @@ export class Et2Tag extends Et2Widget(SlTag)
} }
/* Avoid button getting truncated by right side of button */ /* Avoid button getting truncated by right side of button */
.tag__remove { .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 : []) constructor(...args : [])
{ {
super(...args); super(...args);
this.pill = true;
} }
render() render()