fix(image): tooltips for lock aspect ratio, fixed #15

donotebase · Jun 14, 2020 · 47e6903 · 47e6903
1 parent f0c857b
commit 47e6903
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 3 deletions.
diff --git a/src/components/views/OImageView.vue b/src/components/views/OImageView.vue
@@ -54,8 +54,12 @@
                          :hint="$o.lang.image.width" suffix="px"
                          @input="onInput($event, 'width')" />
                 <div class="q-px-sm">
-                  <q-btn :icon="keepRatio?'link':'link_off'" dense flat
-                         @click="keepRatio = !keepRatio" />
+                  <q-btn :icon="keepRatio?'link':'link_off'"
+                         @click="keepRatio = !keepRatio"
+                         dense
+                         flat>
+                    <q-tooltip>{{keepRatio ? $o.lang.image.lockAspectRatio : $o.lang.image.unlockAspectRatio}}</q-tooltip>
+                  </q-btn>
                 </div>
                 <q-input v-model="imgOption.height" type="number" debounce="500" standout
                          :hint="$o.lang.image.height" suffix="px"

diff --git a/src/data/article.js b/src/data/article.js
diff --git a/src/i18n/en-us/index.js b/src/i18n/en-us/index.js
@@ -108,6 +108,8 @@ export default {
     src: 'Image Source',
     caption: 'Caption',
     link: 'Link',
+    lockAspectRatio: 'Lock aspect ratio',
+    unlockAspectRatio: 'Unlock aspect ratio',
   },
   embed: {
     video: 'Video',

diff --git a/src/i18n/pl/index.js b/src/i18n/pl/index.js
@@ -108,6 +108,8 @@ export default {
     src: 'Źródło obrazu',
     caption: 'Nagłówek',
     link: 'Łącze',
+    lockAspectRatio: 'Lock aspect ratio',
+    unlockAspectRatio: 'Unlock aspect ratio',
   },
   embed: {
     video: 'Video',

diff --git a/src/i18n/zh-hans/index.js b/src/i18n/zh-hans/index.js
@@ -108,6 +108,8 @@ export default {
     src: '图片地址',
     caption: '图片说明',
     link: '链接',
+    lockAspectRatio: '锁定长宽比',
+    unlockAspectRatio: '解锁长宽比',
   },
   embed: {
     video: '视频',