diff options
Diffstat (limited to 'packages/merchant-backoffice-ui/src/scss/_aside.scss')
-rw-r--r-- | packages/merchant-backoffice-ui/src/scss/_aside.scss | 30 |
1 files changed, 16 insertions, 14 deletions
diff --git a/packages/merchant-backoffice-ui/src/scss/_aside.scss b/packages/merchant-backoffice-ui/src/scss/_aside.scss index 61eb49835..e0922093b 100644 --- a/packages/merchant-backoffice-ui/src/scss/_aside.scss +++ b/packages/merchant-backoffice-ui/src/scss/_aside.scss @@ -14,7 +14,7 @@ GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/> */ - /** +/** * * @author Sebastian Javier Marchano (sebasjm) */ @@ -23,7 +23,8 @@ html { &.has-aside-left { &.has-aside-expanded { - nav.navbar, body { + nav.navbar, + body { padding-left: $aside-width; } } @@ -71,11 +72,11 @@ aside.aside { color: $aside-tools-color; line-height: $navbar-height; height: $navbar-height; - padding-left: $default-padding * .5; + padding-left: $default-padding * 0.5; flex: 1; .icon { - margin-right: $default-padding * .5; + margin-right: $default-padding * 0.5; } } @@ -88,7 +89,7 @@ aside.aside { .dropdown-icon { position: absolute; - top: $size-base * .5; + top: $size-base * 0.5; right: 0; } } @@ -98,11 +99,12 @@ aside.aside { border-left: 0; background-color: darken($base-color, 2.5%); padding-left: 0; - margin: 0 0 $default-padding * .5; + margin: 0 0 $default-padding * 0.5; li { a { - padding: $default-padding * .5 0 $default-padding * .5 $default-padding * .5; + padding: $default-padding * 0.5 0 $default-padding * 0.5 + $default-padding * 0.5; font-size: $aside-submenu-font-size; &.has-icon { @@ -120,15 +122,14 @@ aside.aside { } .menu-label { - padding: 0 $default-padding * .5; - margin-top: $default-padding * .5; - margin-bottom: $default-padding * .5; + padding: 0 $default-padding * 0.5; + margin-top: $default-padding * 0.5; + margin-bottom: $default-padding * 0.5; } - } @include touch { - nav.navbar { + nav.navbar { @include transition(margin-left); } aside.aside { @@ -138,7 +139,8 @@ aside.aside { body { overflow-x: hidden; } - body, nav.navbar { + body, + nav.navbar { width: 100vw; } aside.aside { @@ -148,7 +150,7 @@ aside.aside { .image { img { - max-width: $aside-mobile-width * .33; + max-width: $aside-mobile-width * 0.33; } } |