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

lubber-de · web-flow · commit d459c4269eec · 2022-11-02T22:29:53.000+01:00
This PR allows to change the pointer-events value for disabled input/form fields.
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);
 

Original file line number	Diff line number	Diff line change
`@@ -760,7 +760,7 @@`
`760`	`760`	`.ui.form .disabled.fields .field,`
`761`	`761`	`.ui.form .disabled.field,`
`762`	`762`	`.ui.form .field :disabled {`
`763`		`- pointer-events: none;`
	`763`	`+ pointer-events: @disabledPointerEvents;`
`764`	`764`	`opacity: @disabledOpacity;`
`765`	`765`	`}`
`766`	`766`	`.ui.form .field.disabled > label,`
Original file line number	Diff line number	Diff line change
`@@ -97,7 +97,7 @@`
`97`	`97`
`98`	`98`	`.ui.disabled.input > input,`
`99`	`99`	`.ui.input:not(.disabled) input[disabled] {`
`100`		`- pointer-events: none;`
	`100`	`+ pointer-events: @disabledPointerEvents;`
`101`	`101`	`}`
`102`	`102`	`}`
`103`	`103`