mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-28 01:29:05 +01:00
Kanban: Adjust styles to better match 21.1
- Changed AvatarGroup to use circle avatars - Et2Avatar default for shape was overriding what was in attribute - Fix doubled card contents - Remove some unneeded classes
This commit is contained in:
parent
6e30a68121
commit
49e9dc660d
@ -101,7 +101,7 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe
|
||||
this.crop = false;
|
||||
this.size = "2.7em";
|
||||
this.icon = "";
|
||||
this.shape = "rounded";
|
||||
this.shape = this.shape || "rounded";
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -17,27 +17,28 @@ export class Et2AvatarGroup extends Et2Widget(LitElement)
|
||||
css`
|
||||
:host {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
et2-avatar {
|
||||
--size: 1.5rem;
|
||||
flex: 0 0 auto;
|
||||
min-width: 20px;
|
||||
transition-duration:0.1s;
|
||||
}
|
||||
et2-avatar:not(:first-of-type) {
|
||||
margin-left: -0.5rem;
|
||||
}
|
||||
et2-avatar::part(base) {
|
||||
border: solid 2px var(--sl-color-neutral-0);
|
||||
}
|
||||
et2-avatar:hover {
|
||||
--size: 2.5rem;
|
||||
overflow: visible;
|
||||
z-index: 11;
|
||||
transition-delay: 1s;
|
||||
transition-suration:0.5s
|
||||
}
|
||||
et2-avatar {
|
||||
--size: 1.5rem;
|
||||
flex: 0 0 auto;
|
||||
min-width: 20px;
|
||||
transition-delay: 0s;
|
||||
transition-duration:0.1s;
|
||||
}
|
||||
et2-avatar:not(:first-of-type) {
|
||||
margin-left: -1rem;
|
||||
}
|
||||
et2-avatar::part(base) {
|
||||
border: solid 2px var(--sl-color-neutral-0);
|
||||
}
|
||||
et2-avatar:hover {
|
||||
--size: 2.5rem;
|
||||
overflow: visible;
|
||||
z-index: 11;
|
||||
transition-delay: 1s;
|
||||
transition-suration:0.5s
|
||||
}
|
||||
`
|
||||
];
|
||||
}
|
||||
@ -81,7 +82,7 @@ export class Et2AvatarGroup extends Et2Widget(LitElement)
|
||||
.contactId="${contact.id}"
|
||||
.label="${contact.label}"
|
||||
.title="${contact.label}"
|
||||
${this.shape ? html`shape="${this.shape}"` : ''}
|
||||
${this.shape ? html`.shape="${this.shape}"` : ''}
|
||||
size=""
|
||||
></et2-avatar>`;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user