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

Add new attribute for details widget to overlay the summary container

Browse Source
This commit is contained in:
Hadi Nategh 2023-02-07 16:49:18 +01:00
parent 78ec08fcc4
commit 84a58ec6ae
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -63,6 +63,11 @@ export class Et2Details extends Et2Widget(SlDetails)
max-height: 15em; max-height: 15em;
overflow-y: auto; overflow-y: auto;
} }
.details.hoist .details__body.overlaySummary {
top: 0;
left: 2em;
width: calc(100% - 2em);
}
`, `,
]; ];
} }
@ -91,6 +96,13 @@ export class Et2Details extends Et2Widget(SlDetails)
*/ */
toggleAlign: { toggleAlign: {
type: String type: String
},
/**
* Overlay summary container with the details container when in open state
*/
overlaySummaryOnOpen: {
type: Boolean
} }
} }
} }
@ -115,6 +127,7 @@ export class Et2Details extends Et2Widget(SlDetails)
this.toggleOnHover = false; this.toggleOnHover = false;
this.toggleAlign = 'right'; this.toggleAlign = 'right';
this.hoist = false; this.hoist = false;
this.overlaySummaryOnOpen = false;
} }
connectedCallback() connectedCallback()
@ -134,6 +147,10 @@ export class Et2Details extends Et2Widget(SlDetails)
{ {
this.shadowRoot.querySelector('.details__summary-icon').style.order = -1; this.shadowRoot.querySelector('.details__summary-icon').style.order = -1;
} }
if (this.overlaySummaryOnOpen)
{
this.shadowRoot.querySelector('.details__body').classList.add('overlaySummary');
}
}); });
} }