feat(QSkeleton): only use cursor wait when there is animation quasarf…

…ramework#6628 (quasarframework#6631)
morgler · Mar 17, 2020 · 2522180 · 2522180
1 parent 12d35fd
commit 2522180
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/ui/src/components/skeleton/QSkeleton.js b/ui/src/components/skeleton/QSkeleton.js
@@ -52,7 +52,7 @@ export default Vue.extend({
 
     classes () {
       return `q-skeleton--${this.isDark === true ? 'dark' : 'light'} q-skeleton--type-${this.type}` +
-        (this.animation !== 'none' ? ` q-skeleton--anim-${this.animation}` : '') +
+        (this.animation !== 'none' ? ` q-skeleton--anim q-skeleton--anim-${this.animation}` : '') +
         (this.square === true ? ' q-skeleton--square' : '') +
         (this.bordered === true ? ' q-skeleton--bordered' : '')
     }

diff --git a/ui/src/components/skeleton/QSkeleton.sass b/ui/src/components/skeleton/QSkeleton.sass
@@ -1,8 +1,10 @@
 .q-skeleton
-  cursor: wait
   background: $separator-color
   border-radius: $generic-border-radius
 
+  &--anim
+    cursor: wait
+
   /*
     maintain size even with border
     for types that have height specified

diff --git a/ui/src/components/skeleton/QSkeleton.styl b/ui/src/components/skeleton/QSkeleton.styl
@@ -1,8 +1,10 @@
 .q-skeleton
-  cursor: wait
   background: $separator-color
   border-radius: $generic-border-radius
 
+  &--anim
+    cursor: wait
+
   /*
     maintain size even with border
     for types that have height specified