Commit a77de62a authored by webchick's avatar webchick

Issue #2295761 by herom, kirkkala, emma.maria, tkoleary: Less generic effects on focus.

parent 08bd73b6
......@@ -44,19 +44,19 @@
.toolbar .menu ul a.toolbar-icon:before {
display: none;
}
.toolbar .toolbar-tray-vertical .menu ul {
margin-left: 1.5em; /* LTR */
.toolbar .toolbar-tray-vertical .menu ul a {
padding-left: 2.75em; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical .menu ul {
margin-left: 0;
margin-right: 1.5em;
[dir="rtl"] .toolbar .toolbar-tray-vertical .menu ul a {
padding-left: 0;
padding-right: 2.75em;
}
.toolbar .toolbar-tray-vertical .menu ul ul {
margin-left: 0.75em; /* LTR */
.toolbar .toolbar-tray-vertical .menu ul ul a {
padding-left: 3.75em; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical .menu ul ul {
margin-left: 0;
margin-right: 0.75em;
[dir="rtl"] .toolbar .toolbar-tray-vertical .menu ul ul a {
padding-left: 0;
padding-right: 3.75em;
}
/**
......@@ -184,6 +184,48 @@
}
}
/**
* Accessibility/focus
*/
.toolbar-tab a {
border-left: 2px solid transparent; /* LTR */
}
[dir="rtl"] .toolbar-tab a {
border-left: none;
border-right: 2px solid transparent;
}
.toolbar-tab a:focus {
outline: none;
border-color: #ddd;
}
.toolbar-lining button:focus {
outline: none;
}
.toolbar-tray-horizontal a,
.toolbar-box a {
border-left: 2px solid transparent; /* LTR */
}
[dir="rtl"] .toolbar-tray-horizontal a,
[dir="rtl"] .toolbar-box a {
border-left: none;
border-right: 2px solid transparent;
}
.toolbar-tray-horizontal a:focus,
.toolbar-box a:focus {
outline: none;
border-color: #4479C0;
background-color: #f5f5f5;
text-decoration: none;
}
.toolbar-box a:hover:focus {
text-decoration: underline;
}
.toolbar .toolbar-icon.toolbar-handle:focus {
outline: none;
background-color: #f5f5f5;
}
/**
* Handle.
*/
......
......@@ -131,13 +131,6 @@
.toolbar .toolbar-tray-vertical .menu li:last-child > ul {
border-bottom: 0;
}
.toolbar .toolbar-tray-vertical .menu .menu .menu {
margin-left: 1.3333em; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical .menu .menu .menu {
margin-left: 0;
margin-right: 1.3333em;
}
.toolbar .toolbar-tray-vertical .menu .menu .menu .menu {
margin-left: 0.25em; /* LTR */
}
......@@ -148,13 +141,6 @@
.toolbar .menu .menu a {
color: #434343;
}
.toolbar .toolbar-tray-vertical .menu .menu .menu a {
padding-left: 0.6667em; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical .menu .menu .menu a {
padding-left: 0;
padding-right: 0.5em;
}
/**
* Orientation toggle.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment