refactor: move pointer events and opacity to code styles

vaadin · Nov 15, 2024 · 67e3959 · 67e3959
1 parent 61f1b95
commit 67e3959
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/packages/grid-pro/src/vaadin-grid-pro-inline-editing-mixin.js b/packages/grid-pro/src/vaadin-grid-pro-inline-editing-mixin.js
@@ -12,6 +12,20 @@ import { animationFrame } from '@vaadin/component-base/src/async.js';
 import { Debouncer } from '@vaadin/component-base/src/debounce.js';
 import { get, set } from '@vaadin/component-base/src/path-utils.js';
 import { iterateRowCells, updatePart } from '@vaadin/grid/src/vaadin-grid-helpers.js';
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+
+registerStyles(
+  'vaadin-grid-pro',
+  css`
+    :host([loading-editor]) [part~='focused-cell'] ::slotted(vaadin-grid-cell-content) {
+      opacity: 0;
+      pointer-events: none;
+    }
+  `,
+  {
+    moduleId: 'vaadin-grid-pro-styles',
+  },
+);
 
 /**
  * @polymerMixin

diff --git a/packages/grid-pro/theme/lumo/vaadin-grid-pro-styles.js b/packages/grid-pro/theme/lumo/vaadin-grid-pro-styles.js
@@ -57,11 +57,6 @@ registerStyles(
       animation: vaadin-grid-pro-loading-editor 1.4s infinite;
     }
 
-    :host([loading-editor]) [part~='focused-cell'] ::slotted(vaadin-grid-cell-content) {
-      opacity: 0;
-      pointer-events: none;
-    }
-
     @keyframes vaadin-grid-pro-loading-editor {
       50% {
         box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);