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

View File

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