feat(QDrawer): add prop to disable mini animation (#15670)

quasarframework · Apr 27, 2023 · 557ffd8 · 557ffd8
1 parent 0858ff5
commit 557ffd8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/ui/dev/src/pages/layout/layout-drawer-mini.vue b/ui/dev/src/pages/layout/layout-drawer-mini.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="q-layout-padding">
-    <q-toggle v-model="disableMiniAnimation">
-      Disable mini animation
+    <q-toggle v-model="noMiniAnimation">
+      No mini animation
     </q-toggle>
     <q-toggle v-model="miniToOverlay">
       Mini to overlay
@@ -21,7 +21,7 @@
         :mini="miniState"
         :mini-to-overlay="miniToOverlay"
         :width="200"
-        :disable-mini-animation="disableMiniAnimation"
+        :no-mini-animation="noMiniAnimation"
         :breakpoint="0"
         bordered
       >
@@ -90,7 +90,7 @@ export default {
       miniToOverlay: true,
       width: 1030,
       contentSize: 30,
-      disableMiniAnimation: false
+      noMiniAnimation: false
     }
   },
 

diff --git a/ui/src/components/drawer/QDrawer.js b/ui/src/components/drawer/QDrawer.js
@@ -41,7 +41,7 @@ export default createComponent({
       type: Number,
       default: 57
     },
-    disableMiniAnimation: Boolean,
+    noMiniAnimation: Boolean,
 
     breakpoint: {
       type: Number,
@@ -418,7 +418,7 @@ export default createComponent({
     watch(() => $q.lang.rtl, () => { applyPosition() })
 
     watch(() => props.mini, () => {
-      if (props.disableMiniAnimation) return
+      if (props.noMiniAnimation) return
       if (props.modelValue === true) {
         animateMini()
         $layout.animate()

diff --git a/ui/src/components/drawer/QDrawer.json b/ui/src/components/drawer/QDrawer.json
@@ -42,16 +42,23 @@
       "category": "style"
     },
 
-    "dark": {
-      "extends": "dark"
-    },
-
     "mini-to-overlay": {
       "type": "Boolean",
       "desc": "Mini mode will expand as an overlay",
       "category": "behavior"
     },
 
+    "no-mini-animation": {
+      "type": "Boolean",
+      "desc": "Disables animation of the drawer when toggling mini mode",
+      "category": "behavior",
+      "addedIn": "v2.11.11"
+    },
+
+    "dark": {
+      "extends": "dark"
+    },
+
     "breakpoint": {
       "type": "Number",
       "desc": "Breakpoint (in pixels) of layout width up to which mobile mode is used",
@@ -108,13 +115,6 @@
       "type": "Boolean",
       "desc": "Disables the default behavior where drawer backdrop can be swiped",
       "category": "behavior"
-    },
-
-    "disable-mini-animation": {
-      "type": "Boolean",
-      "desc": "Disables animation of the drawer when toggling mini mode",
-      "category": "behavior",
-      "addedIn": "v2.11.11"
     }
   },