fix(navbar): only Y-padding are transitionned

Meant to ensure modal opening won't trigger X-padding transitions
Orange-OpenSource · Jan 26, 2021 · be1f8de · be1f8de
1 parent bfd285c
commit be1f8de
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json
@@ -30,7 +30,7 @@
     },
     {
       "path": "./dist/css/boosted.min.css",
-      "maxSize": "21.7 kB"
+      "maxSize": "21.75 kB"
     },
     {
       "path": "./dist/js/boosted.bundle.js",

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -964,7 +964,7 @@ $navbar-brand-logo-minimized-height:   $spacer * 1.5 !default;
 //$navbar-supra-padding-x:               $spacer / 4 * 1.5 !default;
 $navbar-transition-duration:           $transition-duration !default;
 $navbar-transition-timing-function:    $transition-timing !default;
-$navbar-transition:                    padding $navbar-transition-duration $navbar-transition-timing-function, $transition-focus !default;
+$navbar-transition:                    padding-top $navbar-transition-duration $navbar-transition-timing-function, padding-bottom $navbar-transition-duration $navbar-transition-timing-function, $transition-focus !default;
 $navbar-brand-transition:              margin $navbar-transition-duration $navbar-transition-timing-function, $transition-focus !default;
 $navbar-brand-logo-transition:         width $navbar-transition-duration $navbar-transition-timing-function, height $navbar-transition-duration $navbar-transition-timing-function !default;
 $navbar-active-transition:             bottom $navbar-transition-duration $navbar-transition-timing-function !default;