feat(input): move pointer-events value into variable

This PR allows to change the pointer-events value for disabled input/form fields.
fomantic · Nov 2, 2022 · d459c42 · d459c42
1 parent 894f183
commit d459c42
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less
@@ -760,7 +760,7 @@
   .ui.form .disabled.fields .field,
   .ui.form .disabled.field,
   .ui.form .field :disabled {
-    pointer-events: none;
+    pointer-events: @disabledPointerEvents;
     opacity: @disabledOpacity;
   }
   .ui.form .field.disabled > label,

diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
@@ -97,7 +97,7 @@
 
   .ui.disabled.input > input,
   .ui.input:not(.disabled) input[disabled] {
-    pointer-events: none;
+    pointer-events: @disabledPointerEvents;
   }
 }
 

diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables
@@ -1086,6 +1086,7 @@
 --------------------*/
 
 @disabledOpacity: 0.45;
+@disabledPointerEvents: none;
 @disabledTextColor: rgba(40, 40, 40, 0.3);
 @invertedDisabledTextColor: rgba(225, 225, 225, 0.3);