fix(zoom): card buttons opacity causes a layout shift

Author: ycnmhd

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "lineage",
 	"name": "Lineage",
-	"version": "0.7.1-beta",
+	"version": "0.8.0",
 	"minAppVersion": "0.15.0",
 	"description": "Edit Markdown in a keyboard-centric Miller columns interface. Inspired by Gingko Writer.",
 	"author": "ycnmhd",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "lineage",
-    "version": "0.7.0-beta",
+    "version": "0.8.0",
     "description": "",
     "scripts": {
         "dev": "node esbuild.config.mjs",

src/lang/lang.ts

@@ -28,7 +28,7 @@ export const lang = {
     // edit
     settings_general_maintain_edit_mode: 'Maintain edit mode',
     settings_general_maintain_edit_mode_desc:
-        'Keeps edit mode active when switching to a different card using the mouse',
+        'Keeps edit mode active when switching to a different card using the mouse or keyboard',
     card_btn_edit: 'Edit',
     hk_enable_edit_mode: 'Edit card',
     hk_enable_edit_mode_and_place_cursor_at_start:
@@ -37,9 +37,9 @@ export const lang = {
         'Edit card and place cursor at the end',
     hkg_edit_cards: 'Edit cards',
     modals_snapshots_updated_card: 'Updated card ',
-    modal_hk_editor_state_on: 'Enable only when the editor is on',
-    modal_hk_editor_state_off: 'Enable only when the editor is off',
-    modal_hk_editor_state_both: 'Enable both when the editor is on or off',
+    modal_hk_editor_state_on: 'Enable only when the editor is active',
+    modal_hk_editor_state_off: 'Enable only when the editor is inactive',
+    modal_hk_editor_state_both: "Enable regardless of the editor's state",
 
     // save
     card_btn_save: 'Save',

src/styles/layout/modes.css

@@ -45,7 +45,7 @@
         }
     }
 
-    & .column{
+    & .column {
         /* to show outline card buttons*/
         padding: 0 calc(1 / var(--zoom-level) * 50vw);
     }
@@ -94,6 +94,11 @@
         transition: none !important;
     }
 }
+#columns-container.zoom-enabled {
+    .lineage-floating-button {
+        opacity: 0.5 !important;
+    }
+}
 
 /* hides floating buttons when the mouse is inactive*/
 .hide-floating-buttons {