Merge pull request #42 from XiongAmao/fix-style-error

Fix style error
XiongAmao · May 5, 2020 · 1d030b9 · 1d030b9
2 parents 540b044 + 2269546
commit 1d030b9
Show file tree

Hide file tree

Showing 10 changed files with 15 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## [0.12.0] (5 May 2020)
+
+- Fix: Style error on firfox mobile.
+
 ## [0.11.0] (27 March 2020)
 
 - Feat: add prev/next btn click event (`on-prev-click`/`on-next-click`) and index change event(`on-index-change`), these events will return `oldIndex` & `newIndex`.

diff --git a/dist/vue-easy-lightbox.common.min.js b/dist/vue-easy-lightbox.common.min.js
diff --git a/dist/vue-easy-lightbox.es5.common.min.js b/dist/vue-easy-lightbox.es5.common.min.js
diff --git a/dist/vue-easy-lightbox.es5.esm.min.js b/dist/vue-easy-lightbox.es5.esm.min.js
diff --git a/dist/vue-easy-lightbox.es5.umd.min.js b/dist/vue-easy-lightbox.es5.umd.min.js
diff --git a/dist/vue-easy-lightbox.esm.min.js b/dist/vue-easy-lightbox.esm.min.js
diff --git a/dist/vue-easy-lightbox.umd.min.js b/dist/vue-easy-lightbox.umd.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-easy-lightbox",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "A Vue.js image lightbox component with Zoom / Drag / Rotate / Switch",
   "private": false,
   "author": "Zichao Xiong <[email protected]>",

diff --git a/src/components/toobar.vue b/src/components/toobar.vue
@@ -99,6 +99,7 @@
     padding: 0;
 
     .toobar-btn {
+      user-select: none;
       flex-shrink: 0;
       cursor: pointer;
       padding: 6px 10px;

diff --git a/src/vue-easy-lightbox.vue b/src/vue-easy-lightbox.vue
@@ -511,6 +511,7 @@
   }
 
   .#{$prefix-cls}-img-wrapper {
+    user-select: none;
     margin: 0;
     position: absolute;
     top: 50%;
@@ -521,6 +522,7 @@
   }
 
   .#{$prefix-cls}-img {
+    user-select: none;
     max-width: 80vw;
     max-height: 80vh;
     vertical-align: middle;
@@ -540,6 +542,7 @@
     .btn__prev,
     .btn__next,
     .btn__close {
+      user-select: none;
       position: absolute;
       top: 50%;
       transform: translateY(-50%);