Merge pull request #17 from webdevnerdstuff/dev

v1.1.2
webdevnerdstuff · Jul 27, 2023 · 8ff61fd · 8ff61fd
2 parents ca14f8c + ae4c32d
commit 8ff61fd
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,13 @@
 # Change Log
 All notable changes to the "vuetify-resize-drawer" plugin will be documented in this file.
 
+## v1.1.2
+July 27, 2023  
+[main] Initial release (WebDevNerdStuff)
+* Fix: Add missing transform to fix drawer right direction
+
 ## v1.1.1
-July 26, 2023  
+July 27, 2023  
 [main] Initial release (WebDevNerdStuff)
 * Fix build missing vuetify imports
 

diff --git a/dist/vuetify-resize-drawer.js b/dist/vuetify-resize-drawer.js
diff --git a/docs/index.html b/docs/index.html
@@ -3,4 +3,4 @@
     function gtag() { dataLayer.push(arguments); }
     gtag('js', new Date());
 
-    gtag('config', 'UA-113524767-5');</script><meta name="base" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/"><meta name="charset" content="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="vuetify-resize-drawer, vuetifyResizeDrawer, v-resize-drawer, vResizeDrawer, vuetify, navigation drawer, v-navigation-drawer, vNavigationDrawer, api, drawer, resize, resizable, vue, vue2, component, javascript, webdevnerdstuff, wdns"><meta name="description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies! <[email protected]> (https://webdevnerdstuff.com)"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><meta name="rating" content="General"><meta name="theme-color" content="#21252a"><meta name="og:type" content="website"><meta name="og:title" content="Vuetify Resize Drawer"><meta name="og:image" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/images/vuetify-resize-drawer-social.jpg"><meta name="og:image:alt" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:image:width" content="1200"><meta name="og:image:height" content="630"><meta name="og:description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:site_name" content="Vuetify Resize Drawer"><meta name="og:locale" content="en_US"></head><body><noscript><strong>We're sorry but Vuetify Resize Drawer doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script><script defer="defer" src="vuetify-resize-drawer.js?6c8af457f9f818eaaa91"></script></body></html>
+    gtag('config', 'UA-113524767-5');</script><meta name="base" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/"><meta name="charset" content="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="vuetify-resize-drawer, vuetifyResizeDrawer, v-resize-drawer, vResizeDrawer, vuetify, navigation drawer, v-navigation-drawer, vNavigationDrawer, api, drawer, resize, resizable, vue, vue2, component, javascript, webdevnerdstuff, wdns"><meta name="description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies! <[email protected]> (https://webdevnerdstuff.com)"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><meta name="rating" content="General"><meta name="theme-color" content="#21252a"><meta name="og:type" content="website"><meta name="og:title" content="Vuetify Resize Drawer"><meta name="og:image" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/images/vuetify-resize-drawer-social.jpg"><meta name="og:image:alt" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:image:width" content="1200"><meta name="og:image:height" content="630"><meta name="og:description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:site_name" content="Vuetify Resize Drawer"><meta name="og:locale" content="en_US"></head><body><noscript><strong>We're sorry but Vuetify Resize Drawer doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script><script defer="defer" src="vuetify-resize-drawer.js?a99bd3c943dd0a4bb1ee"></script></body></html>
diff --git a/docs/vuetify-resize-drawer.js b/docs/vuetify-resize-drawer.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "vuetify-resize-drawer",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"description": "The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.",
 	"private": false,
 	"main": "dist/vuetify-resize-drawer.js",
@@ -124,6 +124,6 @@
 	},
 	"peerDependencies": {
 		"vue": "^2.7.0",
-		"vuetify": "^2.6.6"
+		"vuetify": "^2.7.0"
 	}
 }
diff --git a/src/plugin/VResizeDrawer.vue b/src/plugin/VResizeDrawer.vue
@@ -199,6 +199,7 @@ export default baseMixins.extend({
 				resizedWidth: this.resizedWidth,
 				// ? computedTop comes from VNavigationDrawer component //
 				top: this.computedTop,
+				transform: `translateX(${useConvertToUnit({ str: this.computedTransform, unit: '%' })})`,
 				widthSnapBack: this.widthSnapBack,
 				windowHeight,
 			});

diff --git a/src/plugin/composables/styles.js b/src/plugin/composables/styles.js
@@ -21,6 +21,7 @@ export const useDrawerStyles = (options) => {
 		miniVariantWidth,
 		resizedWidth,
 		top,
+		transform,
 		widthSnapBack,
 		windowHeight,
 	} = options;
@@ -51,6 +52,7 @@ export const useDrawerStyles = (options) => {
 		height: drawerHeight,
 		transitionDuration: isMouseDown ? '0s' : '.2s',
 		top: useConvertToUnit({ str: top }),
+		transform,
 		width: useConvertToUnit({ str: widthValue }),
 	};
 };