changes

- disable header transform when the header will not be condesing
- transform fixed header
- remove transitions from the header's primary element
- update the header's layout content position when the layout doesn't have a custom scrolling region

Author: lazabogdan

demo/package-lock.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "bootstrap": "^4.1.3",
     "dom-factory": "^1.0.0",
-    "material-design-kit": "1.0.0-alpha.21",
+    "material-design-kit": "1.0.0-alpha.22",
     "sass-md-colors": "^1.0.0"
   },
   "devDependencies": {
@@ -23,6 +23,6 @@
     "expose-loader": "^0.7.5",
     "lite-server": "^2.2.0",
     "surge": "^0.17.7",
-    "theme-mix": "^0.5.0"
+    "theme-mix": "^0.6.0"
   }
 }

demo/package.json

@@ -17,6 +17,7 @@ cssDest: dist/assets/css
 jsSrc: src/js/**/**.{js,vue}
 jsDest: dist/assets/js
 htmlDest: dist/[path][name].html
+htmllint: false
 laravelMixOptions:
   processCssUrls: false
 expose:

demo/theme-mix.yaml

@@ -1,6 +1,6 @@
 {
   "name": "material-design-kit",
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.22",
   "description": "Interactive web components inspired from Material Design, using vanilla CSS, JavaScript and HTML.",
   "scripts": {
     "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",

dist/header-layout.js

@@ -74,7 +74,7 @@ export const headerLayoutComponent = () => ({
     const gutter = parseInt(window.getComputedStyle(this.header.element).marginBottom, 10)
     const containerStyle = this.contentContainer.style
 
-    if (this.hasScrollingRegion && (this.header.fixed || this.header.willCondense())) {
+    if (this.header.fixed || this.header.willCondense()) {
       containerStyle.paddingTop = `${ headerHeight + gutter }px`
       containerStyle.marginTop = ''
     }