extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-30 01:38:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add toggle alignment option into Et2Details widget

Browse Source
This commit is contained in:
Hadi Nategh 2022-08-04 11:40:27 +02:00
parent 8ff468520d
commit 2369daa2e8
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
api/js/etemplate/Layout/Et2Details/Et2Details.ts
View File

@ -82,6 +82,13 @@ export class Et2Details extends Et2Widget(SlDetails)
*/ */
hoist: { hoist: {
type: Boolean type: Boolean
},
/**
* set toggle alignment either to left or right. Default is right alignment.
*/
toggleAlign: {
type: String
} }
} }
} }
@ -90,6 +97,7 @@ export class Et2Details extends Et2Widget(SlDetails)
{ {
super(); super();
this.toggleOnHover = false; this.toggleOnHover = false;
this.toggleAlign = 'right';
this.hoist = false; this.hoist = false;
} }
@ -106,6 +114,10 @@ export class Et2Details extends Et2Widget(SlDetails)
{ {
this.shadowRoot.querySelector('.details').classList.add('hoist'); this.shadowRoot.querySelector('.details').classList.add('hoist');
} }
if (this.toggleAlign === 'left')
{
this.shadowRoot.querySelector('.details__summary-icon').style.order = -1;
}
}); });
} }