</div>
</div>
<div class="oe-view-manager-content">
- <div class="oe-view-manager-body">
- <div>
- <div class="oe_mail-placeholder"></div>
- <aside class="oe_mail_wall_aside"></aside>
- </div>
- </div>
+ <div class="oe_mail-placeholder"></div>
+ <aside class="oe_mail_wall_aside"></aside>
</div>
</div>
}
.openerp.openerp_webclient_container {
height: calc(100% - 34px);
- overflow: auto;
+ display: flex;
}
@media (max-width: 768px) {
.openerp.openerp_webclient_container {
display: none;
}
.openerp .oe_leftbar {
- display: none;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ flex-shrink: 0;
width: 220px;
background: #f0eeee;
border-right: 1px solid #afafb6;
- text-shadow: none;
-}
-.openerp .oe_leftbar > div {
- height: 100%;
- display: table;
- width: 220px;
position: relative;
}
-.openerp .oe_leftbar > div a.oe_logo {
- display: table-row;
+.openerp .oe_leftbar a.oe_logo {
text-align: center;
}
-.openerp .oe_leftbar > div a.oe_logo img {
+.openerp .oe_leftbar a.oe_logo img {
margin: 14px 0;
border: 0;
}
-.openerp .oe_leftbar > div a.oe_logo .oe_logo_edit {
+.openerp .oe_leftbar a.oe_logo .oe_logo_edit {
margin: 14px 0;
position: absolute;
top: 1px;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
-.openerp .oe_leftbar > div a.oe_logo:hover .oe_logo_edit_admin {
+.openerp .oe_leftbar a.oe_logo:hover .oe_logo_edit_admin {
display: block;
}
-.openerp .oe_leftbar > div > div {
- display: table-row;
- height: 100%;
-}
-.openerp .oe_leftbar > div > div > div {
- position: relative;
- height: 100%;
-}
-.openerp .oe_leftbar > div > div > div > div.oe_secondary_menus_container {
- position: absolute;
- position: static\9;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- overflow-x: hidden;
+.openerp .oe_leftbar .oe_secondary_menus_container {
+ flex-grow: 1;
overflow-y: auto;
}
-.openerp .oe_leftbar > div .oe_footer {
+.openerp .oe_leftbar .oe_footer {
background: #f0eeee;
text-align: center;
}
-.openerp .oe_leftbar > div .oe_footer a {
+.openerp .oe_leftbar .oe_footer a {
font-weight: bold;
color: black;
}
-.openerp .oe_leftbar > div .oe_footer a span {
+.openerp .oe_leftbar .oe_footer a span {
color: #a24689;
}
.openerp .oe_secondary_menu_section {
text-decoration: underline;
}
.openerp .oe_application {
- width: 100%;
- height: 100%;
- overflow: hidden;
-}
-.openerp .oe_application > div {
- position: relative;
- height: 100%;
-}
-.openerp .oe_application .oe-view-manager .oe-view-manager-debug {
- margin-right: 5px;
-}
-.openerp .oe_application .oe-view-manager .oe-view-manager-content {
- display: table-row;
height: 100%;
+ flex-grow: 1;
}
-.openerp .oe_application .oe-view-manager-body {
- position: relative;
- height: 100%;
-}
-.openerp .oe_application .oe-view-manager-body a {
- color: #7C7BAD;
-}
-.openerp .oe_application .oe-view-manager-body .oe-view-manager-view-kanban:not(:empty) {
+.openerp .oe-view-manager {
+ width: 100%;
height: 100%;
+ display: flex;
+ flex-direction: column;
}
-.openerp .oe_application .oe-view-manager-body > div {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
+.openerp .oe-view-manager .oe-view-manager-content {
overflow: auto;
}
-.openerp .oe_application .oe_form_field_one2many .oe-view-manager-views {
- position: initial;
-}
-.openerp .oe-view-manager {
- display: table;
- width: 100%;
- height: 100%;
+.openerp .oe-view-manager .oe-view-manager-debug {
+ margin-right: 5px;
}
.openerp .oe-view-manager-header {
- display: table-row;
background-color: #f0eeee;
border-bottom: 1px solid #afafb6;
+ flex-shrink: 0;
+ width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
.openerp .oe-view-manager-header .oe-right-toolbar > div {
display: inline-block;
}
-.openerp .oe-view-manager-header .row {
- margin: 0;
-}
.openerp .oe-view-manager-header .row:first-child {
padding-top: 3px;
padding-bottom: 3px;
top: 3px;
content: "";
}
-.openerp .oe_application > div > div > .oe-view-manager-body {
- position: absolute;
- top: 90px;
- bottom: 0;
- left: 0;
- right: 0;
- overflow: auto;
-}
.openerp .oe_popup_form {
display: table;
}
background: white
&.openerp_webclient_container
height: calc(100% - 34px)
- overflow: auto
+ display: flex
@media (max-width: 768px)
&.openerp_webclient_container
height: calc(100% - 52px)
// }}}
// Webclient.leftbar {{{
.oe_leftbar
- display: none
+ display: flex
+ flex-direction: column
+ justify-content: space-between
+ flex-shrink: 0
width: 220px
background: #f0eeee
border-right: 1px solid $tag-border
- text-shadow: none
- > div
- height: 100%
- display: table
- width: 220px
- position: relative
- a.oe_logo
- display: table-row
- text-align: center
- img
- margin: 14px 0
- border: 0
- .oe_logo_edit
- margin: 14px 0
- position: absolute
- top: 1px
- padding: 4px
- width: 100%
- display: none
- text-align: center
- color: #eee
- background: rgba(37,37,37,0.9)
- @include box-sizing(border)
- &:hover .oe_logo_edit_admin
- display: block
- > div
- display: table-row
- height: 100%
- > div
- position: relative
- height: 100%
- > div.oe_secondary_menus_container
- position: absolute
- position: static\9
- top: 0
- bottom: 0
- left: 0
- right: 0
- overflow-x: hidden
- overflow-y: auto
- .oe_footer
- background: #f0eeee
+ position: relative
+ a.oe_logo
+ text-align: center
+ img
+ margin: 14px 0
+ border: 0
+ .oe_logo_edit
+ margin: 14px 0
+ position: absolute
+ top: 1px
+ padding: 4px
+ width: 100%
+ display: none
text-align: center
- a
- font-weight: bold
- color: black
- span
- color: #a24689
+ color: #eee
+ background: rgba(37,37,37,0.9)
+ @include box-sizing(border)
+ &:hover .oe_logo_edit_admin
+ display: block
+ .oe_secondary_menus_container
+ flex-grow: 1
+ overflow-y: auto
+ .oe_footer
+ background: #f0eeee
+ text-align: center
+ a
+ font-weight: bold
+ color: black
+ span
+ color: #a24689
// }}}
// Webclient.leftbar items {{{
a.oe_form_uri:hover
text-decoration: underline
.oe_application
- width: 100%
height: 100%
- overflow: hidden
- > div
- position: relative
- height: 100%
- .oe-view-manager
- .oe-view-manager-debug
- margin-right: 5px
- .oe-view-manager-content
- display: table-row
- height: 100%
-
- .oe-view-manager-body
- position: relative
- height: 100%
- a
- color: $link-color
- .oe-view-manager-view-kanban:not(:empty)
- height: 100%
- > div
- position: absolute
- top: 0
- bottom: 0
- left: 0
- right: 0
- overflow: auto
- .oe_form_field_one2many
- .oe-view-manager-views
- position: initial
-
+ flex-grow: 1
// }}}
// ViewManager common {{{
.oe-view-manager
- display: table
width: 100%
height: 100%
+ display: flex
+ flex-direction: column
+ .oe-view-manager-content
+ overflow: auto
+ .oe-view-manager-debug
+ margin-right: 5px
.oe-view-manager-header
- display: table-row
background-color: rgb(240, 238, 238)
border-bottom: 1px solid #afafb6
+ flex-shrink: 0
+ width: 100%
-webkit-user-select: none
-moz-user-select: none
user-select: none
float: right
> div
display: inline-block
- .row
- margin: 0
.row:first-child
padding-top: 3px
padding-bottom: 3px
top: 3px
content: "\f00c"
- .oe_application
- > div
- > div
- > .oe-view-manager-body
- position: absolute
- top: 90px
- bottom: 0
- left: 0
- right: 0
- overflow: auto
// }}}
// FormPopup {{{
.oe_popup_form
self.loading = new instance.web.Loading(self);
self.loading.appendTo(self.$('.openerp_webclient_container'));
self.action_manager = new instance.web.ActionManager(self);
- self.action_manager.appendTo(self.$('.oe_application'));
+ self.action_manager.replace(self.$('.oe_application'));
},
toggle_bars: function(value) {
this.$('tr:has(td.navbar),.oe_leftbar').toggle(value);
_t = instance.web._t;
instance.web.ActionManager = instance.web.Widget.extend({
+ template: "ActionManager",
init: function(parent) {
this._super(parent);
this.inner_action = null;
</div>
</t>
+<div t-name="ActionManager" class="oe_application" />
+
<div t-name="ViewManager" class="oe-view-manager">
<div class="oe-view-manager-header container-fluid">
<div class="row">
</div>
</div>
<div class="oe-view-manager-content">
- <div class="oe-view-manager-body">
- <div class="oe-view-manager-views">
- <t t-foreach="widget.views" t-as="view">
- <div t-attf-class="oe-view-manager-view-#{view}"/>
- </t>
- </div>
- </div>
+ <t t-foreach="widget.views" t-as="view">
+ <div t-attf-class="oe-view-manager-view-#{view}"/>
+ </t>
</div>
</div>
<t t-name="ViewManagerDebug">
<span class="oe_logo_edit">Edit Company data</span>
<img src='/web/binary/company_logo'/>
</a>
- <div>
- <div>
- <div class="oe_secondary_menus_container">
- <t t-foreach="menu_data['children']" t-as="menu">
- <div style="display: none" class="oe_secondary_menu" t-att-data-menu-parent="menu['id']">
- <t t-foreach="menu['children']" t-as="menu">
- <div class="oe_secondary_menu_section">
- <t t-esc="menu['name']"/>
- </div>
- <t t-call="web.menu_secondary_submenu"/>
- </t>
+ <div class="oe_secondary_menus_container">
+ <t t-foreach="menu_data['children']" t-as="menu">
+ <div style="display: none" class="oe_secondary_menu" t-att-data-menu-parent="menu['id']">
+ <t t-foreach="menu['children']" t-as="menu">
+ <div class="oe_secondary_menu_section">
+ <t t-esc="menu['name']"/>
</div>
+ <t t-call="web.menu_secondary_submenu"/>
</t>
</div>
- </div>
+ </t>
</div>
<div class="oe_footer">
Powered by <a href="http://www.openerp.com" target="_blank"><span>Odoo</span></a>
</div>
</nav>
<div class="openerp openerp_webclient_container">
- <table class="oe_webclient">
- <tr>
- <td class="oe_leftbar" valign="top">
- <div groups="base.group_user,base.group_portal">
- <t t-call="web.menu_secondary"/>
- </div>
- </td>
- <td class="oe_application"/>
- </tr>
- </table>
+ <div class="oe_leftbar" groups="base.group_user,base.group_portal">
+ <t t-call="web.menu_secondary"/>
+ </div><div class="oe_application"/>
</div>
</t>
</template>