diff options
| author | Julien Mougenot <jum@odoo.com> | 2020-04-23 08:06:30 +0000 |
|---|---|---|
| committer | Julien Mougenot <jum@odoo.com> | 2020-04-23 10:32:25 +0000 |
| commit | 85eef1ec4d458f8ee5020a5464c74c384cad788a (patch) | |
| tree | 8de94bfcb817b95ed04f0e44bfc50951805081dc /addons/web/static/src/scss/control_panel.scss | |
| parent | b4ba1ccb1382e402f333a155c4fbda35a360ca64 (diff) | |
[FIX] web: properly define control panel layout
Before this commit, some elements in the control panel were not properly encapsulated
in layout-related parent elements and this caused some inconsistencies if some of
the control panel components were not displayed. For example: if the breadrumbs
were missing, the search bar went to the left side instead of the right.
Now, all components are in a grid-like structure (in desktop mode) and should not
overstep their given boundaries. The layout in mobile remains unchanged since the
top part behaves quite differently.
closes odoo/odoo#50057
X-original-commit: 533db5991a5bb871198485cd71a63f75a8c6becf
Related: odoo/enterprise#10148
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
Signed-off-by: Julien Mougenot (jum) <jum@odoo.com>
Diffstat (limited to 'addons/web/static/src/scss/control_panel.scss')
| -rw-r--r-- | addons/web/static/src/scss/control_panel.scss | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/addons/web/static/src/scss/control_panel.scss b/addons/web/static/src/scss/control_panel.scss index 6963a51716b..0bacb3345c3 100644 --- a/addons/web/static/src/scss/control_panel.scss +++ b/addons/web/static/src/scss/control_panel.scss @@ -11,7 +11,8 @@ } @include media-breakpoint-up(md) { - .breadcrumb, .o_cp_left, .o_cp_searchview, .o_cp_right { + .o_cp_top_left, .o_cp_top_right, + .o_cp_bottom_left, .o_cp_bottom_right { width: 50%; } } @@ -24,11 +25,11 @@ } } - .o_cp_searchview { + .o_cp_top_right { min-height: $o-cp-breadcrumb-height; } - .o_cp_left { + .o_cp_bottom_left { display: flex; justify-content: space-between; @@ -61,7 +62,7 @@ } } - .o_cp_right { + .o_cp_bottom_right { display: flex; > .o_cp_pager { |