Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #2489450 by LewisNyman, marieke_h, kfitz, jcnventura, jibla, Bojhan, manauwarsheikh, matthodgson: Remove unnecessary focused/hover effects on details and vertical tabs

8.1.x
Alex Pott 2015-12-10 13:27:11 +00:00
parent 718c503a52
commit cbca117430
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/themes/seven/css/base/elements.css
View File

@ -166,9 +166,9 @@ details summary {
padding-bottom: 0.5em; padding-bottom: 0.5em;
} }
details summary:focus { details summary:focus {
border-top: 3px solid #0074bd;
outline: none; outline: none;
color: #0074bd; }
margin-top: -3px; details summary:focus,
details summary:hover {
text-decoration: underline; text-decoration: underline;
} }

16
core/themes/seven/css/components/vertical-tabs.css
View File

@ -45,9 +45,6 @@
.vertical-tabs__menu-item:active { .vertical-tabs__menu-item:active {
z-index: 2; z-index: 2;
} }
.vertical-tabs__menu-item.is-selected:focus {
outline: none;
}
.vertical-tabs__menu-item a { .vertical-tabs__menu-item a {
display: block; display: block;
padding: 10px 15px 15px; padding: 10px 15px 15px;
@ -64,19 +61,24 @@
.vertical-tabs__menu-item a:focus { .vertical-tabs__menu-item a:focus {
background: #fcfcfa; background: #fcfcfa;
text-shadow: none; text-shadow: none;
}
.vertical-tabs__menu-item a:focus {
outline: none;
}
.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title {
text-decoration: underline;
}
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item.is-selected a:focus .vertical-tabs__menu-item-title {
text-decoration: none; text-decoration: none;
} }
.vertical-tabs__menu-item.is-selected a { .vertical-tabs__menu-item.is-selected a {
color: #004f80; color: #004f80;
border-left: 4px solid #0074bd; /* LTR */
padding-left: 11px; /* LTR */ padding-left: 11px; /* LTR */
border-bottom: none; border-bottom: none;
outline: none;
text-decoration: none; text-decoration: none;
} }
[dir=rtl] .vertical-tabs__menu-item.is-selected a { [dir=rtl] .vertical-tabs__menu-item.is-selected a {
border-left: 0;
border-right: 4px solid #0074bd;
padding-left: 15px; padding-left: 15px;
padding-right: 11px; padding-right: 11px;
} }