(nifi) branch main updated: NIFI-15965 align options and multi select option disabled styles (#11277)

[mcgilman]

This is an automated email from the ASF dual-hosted git repository.

mcgilman pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/nifi.git


The following commit(s) were added to refs/heads/main by this push:
     new 9d938d44ba1 NIFI-15965 align options and multi select option disabled 
styles (#11277)
9d938d44ba1 is described below

commit 9d938d44ba1e508a13438473c462398f1d33b690
Author: Scott Aslan <scottyas...@users.noreply.github.com>
AuthorDate: Fri May 22 17:35:21 2026 -0400

    NIFI-15965 align options and multi select option disabled styles (#11277)
---
 .../src/main/frontend/libs/shared/src/assets/styles/_app.scss       | 2 +-
 .../multi-select-option/multi-select-option.component.scss          | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git 
a/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss 
b/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
index 9fb0e785334..8e174a81124 100644
--- a/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
+++ b/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
@@ -724,7 +724,7 @@
 
     // mat-option
     .mat-mdc-option[disabled] {
-        color: var(--mat-sys-on-surface-variant);
+        color: var(--nf-disabled);
         opacity: 1;
     }
 
diff --git 
a/nifi-frontend/src/main/frontend/libs/shared/src/components/multi-select-option/multi-select-option.component.scss
 
b/nifi-frontend/src/main/frontend/libs/shared/src/components/multi-select-option/multi-select-option.component.scss
index 7963e0ec55b..b493f6266ec 100644
--- 
a/nifi-frontend/src/main/frontend/libs/shared/src/components/multi-select-option/multi-select-option.component.scss
+++ 
b/nifi-frontend/src/main/frontend/libs/shared/src/components/multi-select-option/multi-select-option.component.scss
@@ -70,6 +70,7 @@ multi-select-option {
     }
 
     &:hover:not(.mdc-list-item--disabled) {
+        cursor: pointer;
         background-color: var(
             --mat-option-hover-state-layer-color,
             color-mix(
@@ -101,6 +102,11 @@ multi-select-option {
         }
     }
 
+    &.mdc-list-item.mdc-list-item--disabled {
+        cursor: default;
+        color: var(--nf-disabled);
+    }
+
     // When hover/focus/active overrides the selected background, revert the 
checkmark
     // to the regular label color so it remains visible against the state 
layer.
     &:hover .mat-pseudo-checkbox,