Skip to content

Commit 8ff61fd

Browse files
Merge pull request #17 from webdevnerdstuff/dev
v1.1.2
2 parents ca14f8c + ae4c32d commit 8ff61fd

File tree

7 files changed

+16
-8
lines changed

7 files changed

+16
-8
lines changed

Diff for: CHANGELOG.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,13 @@
11
# Change Log
22
All notable changes to the "vuetify-resize-drawer" plugin will be documented in this file.
33

4+
## v1.1.2
5+
July 27, 2023
6+
[main] Initial release (WebDevNerdStuff)
7+
* Fix: Add missing transform to fix drawer right direction
8+
49
## v1.1.1
5-
July 26, 2023
10+
July 27, 2023
611
[main] Initial release (WebDevNerdStuff)
712
* Fix build missing vuetify imports
813

Diff for: dist/vuetify-resize-drawer.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: docs/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33
function gtag() { dataLayer.push(arguments); }
44
gtag('js', new Date());
55

6-
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>
6+
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 for: docs/vuetify-resize-drawer.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "vuetify-resize-drawer",
3-
"version": "1.1.1",
3+
"version": "1.1.2",
44
"description": "The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.",
55
"private": false,
66
"main": "dist/vuetify-resize-drawer.js",
@@ -124,6 +124,6 @@
124124
},
125125
"peerDependencies": {
126126
"vue": "^2.7.0",
127-
"vuetify": "^2.6.6"
127+
"vuetify": "^2.7.0"
128128
}
129129
}

Diff for: src/plugin/VResizeDrawer.vue

+1
Original file line numberDiff line numberDiff line change
@@ -199,6 +199,7 @@ export default baseMixins.extend({
199199
resizedWidth: this.resizedWidth,
200200
// ? computedTop comes from VNavigationDrawer component //
201201
top: this.computedTop,
202+
transform: `translateX(${useConvertToUnit({ str: this.computedTransform, unit: '%' })})`,
202203
widthSnapBack: this.widthSnapBack,
203204
windowHeight,
204205
});

Diff for: src/plugin/composables/styles.js

+2
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ export const useDrawerStyles = (options) => {
2121
miniVariantWidth,
2222
resizedWidth,
2323
top,
24+
transform,
2425
widthSnapBack,
2526
windowHeight,
2627
} = options;
@@ -51,6 +52,7 @@ export const useDrawerStyles = (options) => {
5152
height: drawerHeight,
5253
transitionDuration: isMouseDown ? '0s' : '.2s',
5354
top: useConvertToUnit({ str: top }),
55+
transform,
5456
width: useConvertToUnit({ str: widthValue }),
5557
};
5658
};

0 commit comments

Comments
 (0)