[themes] added padding under toolbar

This commit is contained in:
maxkadushkin
2025-05-16 18:29:04 +03:00
parent 5a05ab4746
commit e7c24ca4ce
3 changed files with 15 additions and 5 deletions

View File

@ -184,10 +184,10 @@
--shadow-toolbar: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
--shadow-side-panel: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
--layout-padding-toolbar: 0 10px;
--layout-padding-left-panel: 10px 3px 8px 40px;
--layout-padding-left-panel-rtl: 10px 40px 8px 3px;
--layout-padding-right-panel: 10px 4px 8px 3px;
--layout-padding-right-panel-rtl: 10px 3px 8px 4px;
--layout-padding-left-panel: 2px 3px 8px 40px;
--layout-padding-left-panel-rtl: 2px 40px 8px 3px;
--layout-padding-right-panel: 2px 4px 8px 3px;
--layout-padding-right-panel-rtl: 2px 3px 8px 4px;
--layout-padding-right-panel-content: 5px 12px 0 12px;
--layout-padding-right-panel-content-rtl: 5px 12px 0 12px;
--layout-padding-x-side-panel: 6px;
@ -316,5 +316,7 @@
--header-component-padding: 0;
--header-component-margin: 0 6px;
--header-component-align: center;
--content-padding-top: 8px;
}
}

View File

@ -62,4 +62,12 @@
}
}
}
}
#viewport-hbox-layout {
position: relative;
}
.layout-item.middle {
padding-top:var(--content-padding-top,0)
}

View File

@ -5,7 +5,7 @@
</section>
<section id="app-title" class="layout-item"></section>
<div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar" role="toolbar"></div>
<div class="layout-item">
<div class="layout-item middle">
<div id="viewport-hbox-layout" class="layout-ct hbox">
<div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div>
<div id="about-menu-panel" class="left-menu-full-ct" style="display:none;"></div>