Issue #3378244 by bnjmnm, saschaeggi: Focus state for toolbar "Close" control not visible (7572c5a3) · Commits · project / gin

dist/css/layout/toolbar.css

+7 −1

Original line number	Diff line number	Diff line
		@@ -289,7 +289,7 @@ a.toolbar-menu__trigger,
		background-color: transparent;
		}

		.toolbar-menu-administration a.toolbar-menu__trigger:hover::before {
		.toolbar-menu-administration a.toolbar-menu__trigger:hover::before, .toolbar-menu-administration a.toolbar-menu__trigger:focus::before {
		background-color: var(--gin-color-title);
		}

		@@ -321,6 +321,12 @@ a.toolbar-menu__trigger,
		}
		}

		@media (min-width: 61em) {
		.toolbar-menu-administration a.toolbar-menu__trigger:focus::before {
		box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
		}
		}

		@media (min-width: 61em) {
		.toolbar-menu-administration a.toolbar-menu__trigger.is-active {
		display: flex;

+6 −1

Original line number	Diff line number	Diff line
		@@ -249,7 +249,8 @@ a.toolbar-menu__trigger,
		background-color: transparent;
		}

		&:hover {
		&:hover,
		&:focus {
		&::before {
		background-color: var(--gin-color-title);
		}
		@@ -273,6 +274,10 @@ a.toolbar-menu__trigger,
		}
		}

		&:focus::before {
		box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
		}

		&.is-active {
		display: flex;
		font-weight: var(--gin-font-weight-normal);