quasar 1.22.2 → 1.22.3

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "1.22.2",
+  "version": "1.22.3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "1.22.2",
+  "version": "1.22.3",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "module": "src/index.esm.js",
   "typings": "dist/types/index.d.ts",

package/src/components/card/QCard.sass

@@ -69,7 +69,7 @@
     padding: 8px
     align-items: center
 
-    .q-btn__wrapper
+    .q-btn--rectangle .q-btn__wrapper
       padding: 0 8px
 
     &--horiz

package/src/components/card/QCard.styl

@@ -69,7 +69,7 @@
     padding: 8px
     align-items: center
 
-    .q-btn__wrapper
+    .q-btn--rectangle .q-btn__wrapper
       padding: 0 8px
 
     &--horiz

package/src/components/dialog/QDialog.js

@@ -372,7 +372,7 @@ export default Vue.extend({
             staticClass: 'q-dialog__backdrop fixed-full',
             attrs: backdropAttrs,
             on: cache(this, 'bkdrop', {
-              focusin: this.__onBackdropClick
+              [ this.$q.platform.is.ios === true ? 'click' : 'focusin' ]: this.__onBackdropClick
             })
           })
         ] : null),

package/src/components/input/QInput.js

@@ -297,8 +297,8 @@ export default Vue.extend({
           // but keep the total control size the same
           // Firefox rulez #14263, #14344
           this.$q.platform.is.firefox !== true && (inp.style.overflow = 'hidden')
-          inp.style.height = '1px'
           parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px'
+          inp.style.height = '1px'
 
           inp.style.height = inp.scrollHeight + 'px'
           inp.style.overflow = overflow

package/src/components/linear-progress/QLinearProgress.js

@@ -68,8 +68,12 @@ export default Vue.extend({
       return width(this.buffer !== void 0 ? this.buffer : 1, this.widthReverse, this.$q)
     },
 
+    transitionSuffix () {
+      return `with${this.instantFeedback === true ? 'out' : ''}-transition`
+    },
+
     trackClass () {
-      return `q-linear-progress__track--with${this.instantFeedback === true ? 'out' : ''}-transition` +
+      return `q-linear-progress__track absolute-full q-linear-progress__track--${this.transitionSuffix}` +
         ` q-linear-progress__track--${this.isDark === true ? 'dark' : 'light'}` +
         (this.trackColor !== void 0 ? ` bg-${this.trackColor}` : '')
     },
@@ -79,7 +83,7 @@ export default Vue.extend({
     },
 
     modelClasses () {
-      return `q-linear-progress__model--with${this.instantFeedback === true ? 'out' : ''}-transition` +
+      return `q-linear-progress__model absolute-full q-linear-progress__model--${this.transitionSuffix}` +
         ` q-linear-progress__model--${this.motion === true ? 'in' : ''}determinate`
     },
 
@@ -88,7 +92,8 @@ export default Vue.extend({
     },
 
     stripeClass () {
-      return this.reverse === true ? 'absolute-right' : 'absolute-left'
+      return `q-linear-progress__stripe q-linear-progress__stripe--${this.transitionSuffix}`
+        + ` absolute-${this.reverse === true ? 'right' : 'left'}`
     },
 
     attrs () {
@@ -104,13 +109,11 @@ export default Vue.extend({
   render (h) {
     const child = [
       h('div', {
-        staticClass: 'q-linear-progress__track absolute-full',
         style: this.trackStyle,
         class: this.trackClass
       }),
 
       h('div', {
-        staticClass: 'q-linear-progress__model absolute-full',
         style: this.modelStyle,
         class: this.modelClasses
       })
@@ -118,7 +121,6 @@ export default Vue.extend({
 
     this.stripe === true && this.motion === false && child.push(
       h('div', {
-        staticClass: 'q-linear-progress__stripe',
         style: this.stripeStyle,
         class: this.stripeClass
       })

package/src/components/linear-progress/QLinearProgress.sass

@@ -52,10 +52,12 @@
       background: rgba(255,255,255,.6)
 
   &__stripe
-    transition: width .3s
     background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)) !important
     background-size: 40px 40px !important
 
+    &--with-transition
+      transition: width .3s
+
 @keyframes q-linear-progress--indeterminate
   0%
     transform: translate3d(-35%, 0, 0) scale3d(.35, 1, 1)

package/src/components/linear-progress/QLinearProgress.styl

@@ -52,10 +52,12 @@
       background: rgba(255,255,255,.6)
 
   &__stripe
-    transition: width .3s
     background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)) !important
     background-size: 40px 40px !important
 
+    &--with-transition
+      transition: width .3s
+
 @keyframes q-linear-progress--indeterminate
   0%
     transform: translate3d(-35%, 0, 0) scale3d(.35, 1, 1)

package/src/css/core/visibility.sass

@@ -36,8 +36,10 @@
 
 .hidden
   display: none !important
-.invisible
+.invisible, .invisible *
   visibility: hidden !important
+  transition: none !important
+  animation: none !important
 .transparent
   background: transparent !important
 

package/src/css/core/visibility.styl

@@ -36,8 +36,10 @@
 
 .hidden
   display: none !important
-.invisible
+.invisible, .invisible *
   visibility: hidden !important
+  transition: none !important
+  animation: none !important
 .transparent
   background: transparent !important