add cursor pointer to options

Cynthion · Cynthion · commit e334d4381891 · 2025-09-13T23:06:57.000+02:00
diff --git a/.documentation/backlog.md b/.documentation/backlog.md
@@ -2,6 +2,7 @@
 
 Example:
 
+- Update usage documentation according to EnerQi
 - suffixes: clear/reset, copy, validation state, loading
 - date/time fields: show mask that user provided, not 0
 - fromGroup example
diff --git a/projects/ngx-formidable/src/lib/styles/mixins/_forms.scss b/projects/ngx-formidable/src/lib/styles/mixins/_forms.scss
@@ -455,14 +455,15 @@
 }
 
 @mixin field-option-selected {
-  background: pink; // var(--formidable-color-field-selected, #{tokens.$formidable-color-field-selected});
+  background: var(--formidable-color-field-selected, #{tokens.$formidable-color-field-selected});
 }
 
 @mixin field-option-highlighted {
   background: var(--formidable-color-field-highlighted, #{tokens.$formidable-color-field-highlighted});
 }
 
 @mixin field-option-inline {
+  cursor: pointer;
   padding: utils.spacing(8) utils.spacing(16);
   color: var(--formidable-color-field-text, #{tokens.$formidable-color-field-text});
 

Original file line number	Diff line number	Diff line change
`@@ -455,14 +455,15 @@`
`455`	`455`	`}`
`456`	`456`
`457`	`457`	`@mixin field-option-selected {`
`458`		`- background: pink; // var(--formidable-color-field-selected, #{tokens.$formidable-color-field-selected});`
	`458`	`+ background: var(--formidable-color-field-selected, #{tokens.$formidable-color-field-selected});`
`459`	`459`	`}`
`460`	`460`
`461`	`461`	`@mixin field-option-highlighted {`
`462`	`462`	`background: var(--formidable-color-field-highlighted, #{tokens.$formidable-color-field-highlighted});`
`463`	`463`	`}`
`464`	`464`
`465`	`465`	`@mixin field-option-inline {`
	`466`	`+ cursor: pointer;`
`466`	`467`	`padding: utils.spacing(8) utils.spacing(16);`
`467`	`468`	`color: var(--formidable-color-field-text, #{tokens.$formidable-color-field-text});`
`468`	`469`