浏览代码

无障碍:未缩放时不添加transform: scale样式,以免影响绝对定位。

任一存 3 年之前
父节点
当前提交
4d16dcb1f5
共有 1 个文件被更改,包括 14 次插入10 次删除
  1. 14 10
      web/src/views/accessibility.vue

+ 14 - 10
web/src/views/accessibility.vue

@@ -761,16 +761,20 @@ export default {
         styleNode.id = 'aria-zoom-style-node'
         document.head.appendChild(styleNode)
       }
-      styleNode.innerHTML = `
-        .aria-control-target {
-          transform: scale(${zoomFactors[this.ariaSettings.zoomLevel]});
-          transform-origin: top left;
-        }
-        .aria-no-zoom {
-          transform: scale(${1 / zoomFactors[this.ariaSettings.zoomLevel]});
-          transform-origin: top left;
-        }
-      `
+      if (zoomFactors[this.ariaSettings.zoomLevel] === 1) {
+        styleNode.innerHTML = ''
+      } else {
+        styleNode.innerHTML = `
+          .aria-control-target {
+            transform: scale(${zoomFactors[this.ariaSettings.zoomLevel]});
+            transform-origin: top left;
+          }
+          .aria-no-zoom {
+            transform: scale(${1 / zoomFactors[this.ariaSettings.zoomLevel]});
+            transform-origin: top left;
+          }
+        `
+      }
     },
     updateThemeClass() {
       this.$nextTick(() => {