opt 移动端样式

This commit is contained in:
ivan deng
2023-05-26 21:29:41 +08:00
parent d077922d48
commit c2f859d1a9
2 changed files with 24 additions and 17 deletions

View File

@@ -19,11 +19,19 @@
}
// navbar在下方的特殊处理
.o_web_client.navbar_pos_bottom {
--o-navbar-height: 60px;
@media (max-width: 768px) {
--o-navbar-height: 60px;
}
flex-direction: column-reverse!important;
.o_navbar {
display: block;
.o_main_navbar {
--o-navbar-height: 60px;
.o_main_navbar {
@media (max-width: 768px) {
--o-navbar-height: 60px;
padding: 0 40px;
}
button.o_mobile_menu_toggle, .o_menu_systray .o_debug_manager .dropdown-toggle {
font-size: 1.5em;
}
@@ -47,8 +55,6 @@
//homeMenu
.o_home_menu {
.container, .o_container_small, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
position: absolute;
bottom: var(--o-navbar-height);
//bottom: 60px;
}
}

View File

@@ -1,20 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
<!-- 移动端nav在下方可配置处理-->
<t t-name="app_web_enterprise.WebClient" t-inherit="web.WebClient" t-inherit-mode="extension">
<xpath expr="//t/t" position="attributes">
<attribute name="t-if">
!state.fullscreen and state.navbar_pos!='bottom'
</attribute>
</xpath>
<xpath expr="//MainComponentsContainer" position="after">
<t t-if="!state.fullscreen and state.navbar_pos=='bottom'">
<NavBar/>
</t>
<!-- 调整为 css flex处理不改xml-->
<!-- <t t-name="app_web_enterprise.WebClient" t-inherit="web.WebClient" t-inherit-mode="extension">-->
<!-- <xpath expr="//t/t" position="attributes">-->
<!-- <attribute name="t-if">-->
<!-- !state.fullscreen and state.navbar_pos!='bottom'-->
<!-- </attribute>-->
<!-- </xpath>-->
<!-- <xpath expr="//MainComponentsContainer" position="after">-->
<!-- <t t-if="!state.fullscreen and state.navbar_pos=='bottom'">-->
<!-- <NavBar/>-->
<!-- </t>-->
<!-- <div class="row" style="height:200px">-->
<!-- 增加Debug pad-->
<!-- </div>-->
</xpath>
</t>
<!-- </xpath>-->
<!-- </t>-->
</templates>