diff --git a/core/modules/shortcut/css/shortcut.icons.css b/core/modules/shortcut/css/shortcut.icons.css index a3d4ce2..143b115 100644 --- a/core/modules/shortcut/css/shortcut.icons.css +++ b/core/modules/shortcut/css/shortcut.icons.css @@ -28,8 +28,6 @@ background: transparent url('../images/favstar.svg') no-repeat left top; width: 20px; height: 20px; - vertical-align: 3px; - text-indent: -999em; } .no-svg .add-or-remove-shortcuts .icon { background-image: url('../images/favstar.png'); diff --git a/core/modules/shortcut/css/shortcut.module.css b/core/modules/shortcut/css/shortcut.module.css index 9ec5829..d9e556e 100644 --- a/core/modules/shortcut/css/shortcut.module.css +++ b/core/modules/shortcut/css/shortcut.module.css @@ -8,17 +8,5 @@ */ .add-or-remove-shortcuts .icon { display: inline-block; - margin-top: 5px; -} -.add-or-remove-shortcuts .text { - display: none; - padding-top: 2px; -} -[dir="rtl"] .add-or-remove-shortcuts .icon, -[dir="rtl"] .add-or-remove-shortcuts .text { - float: right; -} -.add-or-remove-shortcuts a:focus .text, -.add-or-remove-shortcuts a:hover .text { - display: block; + vertical-align: -2px; } diff --git a/core/modules/shortcut/css/shortcut.theme.css b/core/modules/shortcut/css/shortcut.theme.css index 3d29110..172f483 100644 --- a/core/modules/shortcut/css/shortcut.theme.css +++ b/core/modules/shortcut/css/shortcut.theme.css @@ -27,4 +27,31 @@ display: inline-block; margin-left: 0.3em; } - +.add-or-remove-shortcuts .text { + background: #000000; + background: rgba(0, 0, 0, 0.5); + border-radius: 5px; + padding: 0 5px; + color: #ffffff; + display: inline-block; + margin-left: 0.3em; + opacity: 0; + -o-transform: translateY(-12px); + -ms-transform: translateY(-12px); + -moz-transform: translateY(-12px); + -webkit-transform: translateY(-12px); + transform: translateY(-12px); + -webkit-transition: all 200ms ease-out; + -moz-transition: all 200ms ease-out; + -o-transition: all 200ms ease-out; + transition: all 200ms ease-out; +} +.add-or-remove-shortcuts a:hover .text, +.add-or-remove-shortcuts a:focus .text { + opacity: 1; + -o-transform: translateY(-2px); + -ms-transform: translateY(-2px); + -moz-transform: translateY(-2px); + -webkit-transform: translateY(-2px); + transform: translateY(-2px); +} diff --git a/core/modules/shortcut/shortcut.module b/core/modules/shortcut/shortcut.module index 613bd72..e1f742b 100644 --- a/core/modules/shortcut/shortcut.module +++ b/core/modules/shortcut/shortcut.module @@ -419,14 +419,11 @@ function shortcut_preprocess_page(&$variables) { ), '#prefix' => '', - '#attributes' => array( - 'title' => $link_text, - ), ); } } diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index 50d79d1..2b602e2 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -348,6 +348,7 @@ li.tabs__tab a { .tabs.primary a:focus { color: #008ee6; background-color: #fafaf7; + text-decoration: underline; } .tabs.primary .active a:focus { background: none; @@ -1210,12 +1211,6 @@ body.in-maintenance #logo { color: green; } -/* Shortcut theming */ -.add-or-remove-shortcuts a:focus span.text, -.add-or-remove-shortcuts a:hover span.text { - display: none; -} - /* Field UI */ #field-display-overview input.field-plugin-settings-edit {