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:
nathan 2022-08-19 14:33:59 -06:00
parent 6e30a68121
commit 49e9dc660d
2 changed files with 23 additions and 22 deletions

View File

@ -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";
}
/**

View File

@ -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>`;
}