fix(tab-title): add full focus outline to closable tab button in high…

… contrast mode (#7272) Effect is only noticable in high-contrast mode. Issue #6994 **Related Issue:** #6994 ## Summary Adds a simple z-index to show the high contrast focus outline over the tab title outline.
Esri · Jul 3, 2023 · d812d17 · d812d17
1 parent 9e55d7c
commit d812d17
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/calcite-components/src/components/tab-title/tab-title.scss b/packages/calcite-components/src/components/tab-title/tab-title.scss
@@ -292,4 +292,9 @@
   :host([bordered][position="bottom"][selected]) .container {
     border-block-start-style: none;
   }
+
+  .close-button {
+    /* in high contrast the tab title outline covers the close button outline without a z-index */
+    @apply z-default;
+  }
 }