Permalink
Browse files

[IMP] base: better onboarding bars on small devices

In small devices, onboarding bars are displayed vertial, which
occupies too much screen space, and user has to scroll down
a lot to view actual content.

This commit improves the behavior by showing onboarding bars
horizontally (with scrolling) in small devices also, and thus
occupying minimal screen space.

task: 1929048
  • Loading branch information...
pka-odoo authored and dja-odoo committed Feb 5, 2019
1 parent b9902d9 commit 8cef662795c16a3344598475c6bd5e0181fc2863
Showing with 5 additions and 4 deletions.
  1. +5 −4 odoo/addons/base/static/src/scss/onboarding.scss
@@ -35,6 +35,10 @@ $o-onboarding-violet-ui-2: #FBEEC8;

.o_onboarding_wrap {
padding: $o-horizontal-padding*2 $o-horizontal-padding;

@include media-breakpoint-down(sm) {
overflow-x: auto;
}
}
.o_onboarding_step_title, a.o_onboarding_all_done {
cursor: pointer;
@@ -76,10 +80,6 @@ $o-onboarding-violet-ui-2: #FBEEC8;
.o_onboarding_steps {
flex-flow: row nowrap;
justify-content: initial;

@include media-breakpoint-down(sm) {
flex-flow: column nowrap;
}
}

.o_onboarding_step {
@@ -91,6 +91,7 @@ $o-onboarding-violet-ui-2: #FBEEC8;
opacity: 0.6;

@include media-breakpoint-down(sm) {
flex: 1 0 auto;
text-align: left;
margin-bottom: 16px;
align-items: baseline;

0 comments on commit 8cef662

Please sign in to comment.