From 3138933783bd981d4b97ff7f40bd4d4fd299a45c Mon Sep 17 00:00:00 2001 From: Lauri Eskola Date: Tue, 25 Sep 2018 13:19:45 +0300 Subject: [PATCH] Issue #2986193 by amateescu, sim_1, andrewmacpherson: Workspace toolbar item fails WCAG Use-of-color at narrow breakpoint --- core/modules/workspaces/css/workspaces.toolbar.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/core/modules/workspaces/css/workspaces.toolbar.css b/core/modules/workspaces/css/workspaces.toolbar.css index 71fd50f98afc..37982fc72845 100644 --- a/core/modules/workspaces/css/workspaces.toolbar.css +++ b/core/modules/workspaces/css/workspaces.toolbar.css @@ -184,17 +184,18 @@ } @media all and (max-width: 766px) { - .toolbar .toolbar-icon-workspace { + .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-icon-workspace { padding-left: 2.75em; padding-right: 1.3333em; text-indent: 0; - width: 8em; + width: auto; + max-width: 8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - .toolbar .toolbar-icon-workspace:before { + .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-icon-workspace:before { background-size: 100% auto; left: 0.6667em; width: 20px;