Commit fce0b5fe authored by Ben Mullins's avatar Ben Mullins Committed by Sascha Eggenberger
Browse files

Issue #3373964: Focus state not visible for "Home" icon in toolbar.

parent e9d4da9a

dist/css/layout/toolbar.css

+5 −2
Original line number Diff line number Diff line
@@ -160,11 +160,14 @@ 
}



.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default:focus {

  z-index: 3;

  background: var(--gin-color-primary-light);

  box-shadow: none;

  box-shadow: inset 0 0 0 1px var(--gin-color-focus-border), inset 0 0 0 4px var(--gin-color-focus);

}



.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default:focus::after {

  box-shadow: inset 0 0 0 1px var(--gin-color-focus-border), inset 0 0 0 4px var(--gin-color-focus);

.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default:focus::before {

  background: var(--gin-color-primary-active);

}



.toolbar-tray a,

styles/layout/toolbar.scss

+6 −3
Original line number Diff line number Diff line
@@ -136,11 +136,14 @@ 
      }



      &:focus {

        z-index: 3;

        background: var(--gin-color-primary-light);

        box-shadow: none;



        &::after {

        box-shadow: inset 0 0 0 1px var(--gin-color-focus-border),

                    inset 0 0 0 4px var(--gin-color-focus);



        &::before {

          background: var(--gin-color-primary-active);

        }

      }

    }