Admin: Different App configuration tab sizing, should take all vertical space now

This commit is contained in:
nathan 2024-08-14 12:59:34 -06:00
parent 5314a091a0
commit 79c447195f
3 changed files with 36 additions and 32 deletions

View File

@ -148,7 +148,7 @@ span#admin-mailaccount_acc_id {
/** /**
* new et2 site configuration * new et2 site configuration
*/ */
#admin-site-config > div > .subHeader { #admin-site-config > div > et2-vbox > .subHeader {
border-bottom: 3px solid #696969; border-bottom: 3px solid #696969;
padding-left: 3px; padding-left: 3px;
padding-bottom: 3px; padding-bottom: 3px;
@ -156,6 +156,19 @@ span#admin-mailaccount_acc_id {
margin-bottom: 5px; margin-bottom: 5px;
} }
#admin-site-config > div > et2-vbox {
height: 100%;
}
#admin-site-config .mainContent, #admin-site-config .mainContent et2-tabbox {
flex-grow: 1;
}
#admin-site-config .mainContent > div {
display: flex;
flex-direction: column;
}
#admin-index_ajax_target > form[id$="-config"] tr.th > td, #admin-index_ajax_target > form[id$="-config"] tr.th > td,
#admin-site-config .subHeader { #admin-site-config .subHeader {
font-weight: bold; font-weight: bold;

View File

@ -402,7 +402,7 @@
</grid> </grid>
</template> </template>
<template id="admin.config" template="" lang="" group="0" version="18.1"> <template id="admin.config" template="" lang="" group="0" version="18.1">
<et2-tabbox id="tabs" width="100%" tabHeight="700"> <et2-tabbox id="tabs">
<tabs> <tabs>
<tab id="general" label="General"/> <tab id="general" label="General"/>
<tab id="appearance" label="Appearance"/> <tab id="appearance" label="Appearance"/>

View File

@ -2,35 +2,26 @@
<!DOCTYPE overlay PUBLIC "-//EGroupware GmbH//eTemplate 2.0//EN" "https://www.egroupware.org/etemplate2.0.dtd"> <!DOCTYPE overlay PUBLIC "-//EGroupware GmbH//eTemplate 2.0//EN" "https://www.egroupware.org/etemplate2.0.dtd">
<overlay> <overlay>
<template id="admin.site-config" template="" lang="" group="0" version="16.1"> <template id="admin.site-config" template="" lang="" group="0" version="16.1">
<grid width="100%"> <et2-vbox height="100%">
<columns> <et2-description value="Site configuration" class="subHeader"></et2-description>
<column/> <et2-box disabled="@need_tab" class="mainContent">
</columns> <template template="@template" width="99%"/>
<rows> </et2-box>
<row> <et2-box disabled="!@need_tab" class="mainContent">
<et2-description value="Site configuration" class="subHeader"></et2-description> <et2-tabbox id="tabs2">
</row> <tabs>
<row disabled="@need_tab"> <tab id="config" label="Configuration"/>
<template template="@template" width="99%"/> </tabs>
</row> <tabpanels>
<row disabled="!@need_tab"> <template template="@template" width="99%"/>
<et2-tabbox id="tabs2" width="100%" tabHeight="700"> </tabpanels>
<tabs> </et2-tabbox>
<tab id="config" label="Configuration"/> </et2-box>
</tabs> <et2-hbox class="dialogFooterToolbar">
<tabpanels> <et2-button id="save" label="Save"></et2-button>
<template template="@template" width="99%"/> <et2-button id="apply" label="Apply"></et2-button>
</tabpanels> <et2-button id="cancel" label="Cancel"></et2-button>
</et2-tabbox> </et2-hbox>
</row> </et2-vbox>
<row class="dialogFooterToolbar">
<et2-hbox>
<et2-button id="save" label="Save"></et2-button>
<et2-button id="apply" label="Apply"></et2-button>
<et2-button id="cancel" label="Cancel"></et2-button>
</et2-hbox>
</row>
</rows>
</grid>
</template> </template>
</overlay> </overlay>