Fix app menu header buttons focus shadow is cut #852

infor-design · Oct 21, 2022 · f3a891a · f3a891a
1 parent d4d2a04
commit f3a891a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/src/components/ids-app-menu/demos/example.html b/src/components/ids-app-menu/demos/example.html
@@ -9,17 +9,13 @@
 
     <ids-header>
       <ids-toolbar>
-        <ids-toolbar-section>
-          <ids-button id="app-menu-trigger" icon="menu">
-            <span slot="text" class="audible">Open App Menu</span>
-          </ids-button>
-        </ids-toolbar-section>
+        <ids-button id="app-menu-trigger" icon="menu">
+          <span slot="text" class="audible">Open App Menu</span>
+        </ids-button>
         <ids-toolbar-section type="title">
           <ids-text font-size="20" type="h1">App Menu Example</ids-text>
         </ids-toolbar-section>
-        <ids-toolbar-section align="end">
-          <ids-theme-switcher mode="light"></ids-theme-switcher>
-        </ids-toolbar-section>
+        <ids-theme-switcher mode="light"></ids-theme-switcher>
       </ids-toolbar>
     </ids-header>
 

diff --git a/src/components/ids-toolbar/ids-toolbar.scss b/src/components/ids-toolbar/ids-toolbar.scss
@@ -29,7 +29,6 @@
   flex-flow: row nowrap;
   height: 100%;
   justify-content: space-between;
-  overflow: hidden;
   width: 100%;
 
   &.disabled {