extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 06:30:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

center text label of tabbox tabs

Browse Source
This commit is contained in:
milan 2024-09-13 21:33:49 +02:00
parent 3107a10bdf
commit e5058b8715
3 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
api/js/etemplate/Layout/Et2Tabs/Et2Tabs.ts
View File

@ -402,7 +402,10 @@ export class Et2Tabs extends Et2InputWidget(SlTabGroup) implements et2_IResizeab
}, this);
// Set tab label
tab.flagDiv.appendChild(document.createTextNode(tab.label));
const node = document.createElement("span")
node.appendChild(document.createTextNode(tab.label));
node.classList.add("tabLabel")
tab.flagDiv.appendChild(node);
if(tab.tabNode && tab.tabNode.children.length)
{

6
pixelegg/css/fancy.css
View File

@ -7181,6 +7181,12 @@ img.et2_button_icon[src*="svg"]:hover {
.sl-theme-dark et2-tabbox et2-tab[active]::part(base) {
border-color: var(--sl-color-neutral-900);
}
:root et2-tabbox .tabLabel,
:host et2-tabbox .tabLabel,
.sl-theme-light et2-tabbox .tabLabel,
.sl-theme-dark et2-tabbox .tabLabel {
max-height: 1em;
}
:root et2-tabbox et2-tab-panel,
:host et2-tabbox et2-tab-panel,
.sl-theme-light et2-tabbox et2-tab-panel,

8
pixelegg/css/fancy.less
View File

@ -16,7 +16,6 @@
et2-tabbox {
--track-width: 0px;
&::part(tabs) {
padding-bottom: var(--sl-spacing-x-small);
padding-top: var(--sl-spacing-medium);
@ -29,6 +28,8 @@
border-color: var(--sl-color-neutral-300);
border-radius: var(--sl-border-radius-pill);
}
}
et2-tab[active] {
@ -36,7 +37,10 @@
border-color: var(--sl-color-neutral-900);
}
}
.tabLabel {
max-height: 1em;
}
et2-tab-panel{
border: 1px solid var(--sl-color-neutral-300);
border-radius: var(--sl-border-radius-medium);