From b89752c124075d60a609d09dc20a3cc60eaafd28 Mon Sep 17 00:00:00 2001 From: webchick Date: Mon, 21 Sep 2015 16:08:04 -0700 Subject: [PATCH] Issue #2546196 by andriyun, neclimdul, hussainweb, mgifford, Wim Leers, TR, andypost: Toolbar's orientation-toggling arrows broken by #2173527 --- .../toolbar/css/toolbar.icons.theme.css | 19 +++++++------------ core/modules/toolbar/css/toolbar.theme.css | 4 ++-- 2 files changed, 9 insertions(+), 14 deletions(-) diff --git a/core/modules/toolbar/css/toolbar.icons.theme.css b/core/modules/toolbar/css/toolbar.icons.theme.css index 69f0df821d..c52f8682ea 100644 --- a/core/modules/toolbar/css/toolbar.icons.theme.css +++ b/core/modules/toolbar/css/toolbar.icons.theme.css @@ -145,9 +145,6 @@ .toolbar-icon-help-main.is-active:before { background-image: url(../../../misc/icons/000000/questionmark-disc.svg); } -.toolbar .toolbar-bar .toolbar-icon:before { - min-height: 3em; -} @media only screen and (min-width: 16.5em) { .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon { @@ -261,20 +258,18 @@ * Orientation toggle. */ .toolbar .toolbar-toggle-orientation button { - height: 16px; + height: 39px; padding: 0; text-indent: -999em; - width: 20px; + width: 39px; } .toolbar .toolbar-toggle-orientation button:before { - left: 0; /* LTR */ -} -[dir="rtl"] .toolbar .toolbar-toggle-orientation button:before { - left: auto; + left: 0; right: 0; + margin: 0 auto; } [dir="rtl"] .toolbar .toolbar-toggle-orientation .toolbar-icon { - padding-right: 0; + padding: 0; } /** * In order to support a hover effect on the SVG images, while also supporting @@ -299,7 +294,7 @@ .toolbar .toolbar-toggle-orientation [value="horizontal"]:before { background-image: url(../../../misc/icons/bebebe/push-up.svg); } -.toolbar .toolbar-toggle-orientation [value="horizontal"]:hover:before { +.toolbar .toolbar-toggle-orientation [value="horizontal"]:hover:before, +.toolbar .toolbar-toggle-orientation [value="horizontal"]:focus:before { background-image: url(../../../misc/icons/787878/push-up.svg); } - diff --git a/core/modules/toolbar/css/toolbar.theme.css b/core/modules/toolbar/css/toolbar.theme.css index a60e781e56..981ee00a93 100644 --- a/core/modules/toolbar/css/toolbar.theme.css +++ b/core/modules/toolbar/css/toolbar.theme.css @@ -146,7 +146,8 @@ */ .toolbar .toolbar-toggle-orientation { background-color: #f5f5f5; - padding: 0.6667em; + padding: 0; + height: 100%; } .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation { border-left: 1px solid #c9c9c9; /* LTR */ @@ -157,7 +158,6 @@ } .toolbar .toolbar-toggle-orientation > .toolbar-lining { float: right; /* LTR */ - padding: 0.1667em; } [dir="rtl"] .toolbar .toolbar-toggle-orientation > .toolbar-lining { float: left; -- GitLab