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
*/
#admin-site-config > div > .subHeader {
#admin-site-config > div > et2-vbox > .subHeader {
border-bottom: 3px solid #696969;
padding-left: 3px;
padding-bottom: 3px;
@ -156,6 +156,19 @@ span#admin-mailaccount_acc_id {
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-site-config .subHeader {
font-weight: bold;

View File

@ -402,7 +402,7 @@
</grid>
</template>
<template id="admin.config" template="" lang="" group="0" version="18.1">
<et2-tabbox id="tabs" width="100%" tabHeight="700">
<et2-tabbox id="tabs">
<tabs>
<tab id="general" label="General"/>
<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">
<overlay>
<template id="admin.site-config" template="" lang="" group="0" version="16.1">
<grid width="100%">
<columns>
<column/>
</columns>
<rows>
<row>
<et2-description value="Site configuration" class="subHeader"></et2-description>
</row>
<row disabled="@need_tab">
<template template="@template" width="99%"/>
</row>
<row disabled="!@need_tab">
<et2-tabbox id="tabs2" width="100%" tabHeight="700">
<tabs>
<tab id="config" label="Configuration"/>
</tabs>
<tabpanels>
<template template="@template" width="99%"/>
</tabpanels>
</et2-tabbox>
</row>
<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>
<et2-vbox height="100%">
<et2-description value="Site configuration" class="subHeader"></et2-description>
<et2-box disabled="@need_tab" class="mainContent">
<template template="@template" width="99%"/>
</et2-box>
<et2-box disabled="!@need_tab" class="mainContent">
<et2-tabbox id="tabs2">
<tabs>
<tab id="config" label="Configuration"/>
</tabs>
<tabpanels>
<template template="@template" width="99%"/>
</tabpanels>
</et2-tabbox>
</et2-box>
<et2-hbox class="dialogFooterToolbar">
<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>
</et2-vbox>
</template>
</overlay>