mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-08 00:54:50 +01:00
Select / Search tag CSS:
- Pill tags - Keep tag from overflowing - Fix remove icon cut off
This commit is contained in:
parent
70ae151cfd
commit
a26b775505
@ -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()
|
||||
|
Loading…
Reference in New Issue
Block a user