extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-21 10:27:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Kanban: Adjust styles to better match 21.1

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/js/etemplate/Et2Avatar/Et2Avatar.ts
View File

@ -101,7 +101,7 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe
this.crop = false; this.crop = false;
this.size = "2.7em"; this.size = "2.7em";
this.icon = ""; this.icon = "";
this.shape = "rounded"; this.shape = this.shape || "rounded";
} }
/** /**

7
api/js/etemplate/Et2Avatar/Et2AvatarGroup.ts
View File

@ -17,16 +17,17 @@ export class Et2AvatarGroup extends Et2Widget(LitElement)
css` css`
:host { :host {
display: flex; display: flex;
flex-direction: row;
justify-content: flex-end;
} }
et2-avatar { et2-avatar {
--size: 1.5rem; --size: 1.5rem;
flex: 0 0 auto; flex: 0 0 auto;
min-width: 20px; min-width: 20px;
transition-delay: 0s;
transition-duration:0.1s; transition-duration:0.1s;
} }
et2-avatar:not(:first-of-type) { et2-avatar:not(:first-of-type) {
margin-left: -1rem; margin-left: -0.5rem;
} }
et2-avatar::part(base) { et2-avatar::part(base) {
border: solid 2px var(--sl-color-neutral-0); border: solid 2px var(--sl-color-neutral-0);
@ -81,7 +82,7 @@ export class Et2AvatarGroup extends Et2Widget(LitElement)
.contactId="${contact.id}" .contactId="${contact.id}"
.label="${contact.label}" .label="${contact.label}"
.title="${contact.label}" .title="${contact.label}"
${this.shape ? html`shape="${this.shape}"` : ''} ${this.shape ? html`.shape="${this.shape}"` : ''}
size="" size=""
></et2-avatar>`; ></et2-avatar>`;
} }