extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-23 07:09:20 +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 [
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()