Merge pull request #513 from appuniversum/fix/power-select-disabled-o…

…utline Fix a PowerSelect outline issue
appuniversum · Nov 5, 2024 · f63f383 · f63f383
2 parents 3e27606 + 2c9a963
commit f63f383
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/styles/plugins/_p-ember-power-select.scss b/styles/plugins/_p-ember-power-select.scss
@@ -163,12 +163,14 @@ $ember-power-select-multiple-option-line-height: 1.45;
 
 .ember-power-select-trigger:focus,
 .ember-power-select-trigger--active {
-  outline: none;
-  border-width: 0.1rem !important; // Temporary webuniversum override
-  border-color: var(
-    --au-outline-color
-  ) !important; // Temporary webuniversum override
-  box-shadow: inset 0 0 0 0.2rem var(--au-outline-color) !important; // Temporary webuniversum override
+  &:not(.ember-power-select-trigger[aria-disabled="true"]) {
+    outline: none;
+    border-width: 0.1rem !important; // Temporary webuniversum override
+    border-color: var(
+      --au-outline-color
+    ) !important; // Temporary webuniversum override
+    box-shadow: inset 0 0 0 0.2rem var(--au-outline-color) !important; // Temporary webuniversum override
+  }
 }
 
 .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],