summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAlex Pott2014-10-07 16:09:03 (GMT)
committerAlex Pott2014-10-07 16:09:03 (GMT)
commitf3cf8b0771c12c9d8de9e396cabaf009ed6c729c (patch)
tree79cd2fc5f8acf5cefb6b1def24dde6050c1e5d5d
parent5ed7af8eb3477ba81a5ab711f9da5293de4067ad (diff)
Issue #2249995 by mgifford, Lukas von Blarer: Clean up hover/focus - In Seven.
-rw-r--r--core/themes/seven/css/base/elements.css5
-rw-r--r--core/themes/seven/css/components/buttons.theme.css14
-rw-r--r--core/themes/seven/css/components/dropbutton.component.css7
-rw-r--r--core/themes/seven/css/components/pager.css4
-rw-r--r--core/themes/seven/css/components/quickedit.css10
-rw-r--r--core/themes/seven/css/components/skip-link.css4
-rw-r--r--core/themes/seven/css/components/tables.css15
-rw-r--r--core/themes/seven/css/components/tabs.css9
-rw-r--r--core/themes/seven/css/components/tour.theme.css3
-rw-r--r--core/themes/seven/css/components/views-ui.css3
10 files changed, 43 insertions, 31 deletions
diff --git a/core/themes/seven/css/base/elements.css b/core/themes/seven/css/base/elements.css
index dc08f9f..4edbe0a 100644
--- a/core/themes/seven/css/base/elements.css
+++ b/core/themes/seven/css/base/elements.css
@@ -12,8 +12,11 @@ a,
text-decoration: none;
}
a:hover,
-.link:hover {
+.link:hover,
+a:focus,
+.link:focus {
text-decoration: underline;
+ outline: 0;
}
hr {
margin: 0;
diff --git a/core/themes/seven/css/components/buttons.theme.css b/core/themes/seven/css/components/buttons.theme.css
index e5f0e1d..f7152fc 100644
--- a/core/themes/seven/css/components/buttons.theme.css
+++ b/core/themes/seven/css/components/buttons.theme.css
@@ -28,8 +28,8 @@
transition: all 0.1s;
-webkit-font-smoothing: antialiased; /* 3 */
}
-.button:focus,
-.button:hover {
+.button:hover,
+.button:focus {
background-color: #f9f8f6;
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
@@ -64,8 +64,8 @@
font-weight: 700;
-webkit-font-smoothing: antialiased;
}
-.button--primary:focus,
-.button--primary:hover {
+.button--primary:hover,
+.button--primary:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
@@ -129,8 +129,8 @@
color: #0074bd;
text-decoration: none;
}
-.link:focus,
-.link:hover {
+.link:hover,
+.link:focus {
color: #008ee6;
text-decoration: underline;
}
@@ -155,8 +155,8 @@
font-weight: 400;
text-decoration: underline;
}
-.button--danger:focus,
.button--danger:hover,
+.button--danger:focus,
.button--danger:active {
color: #ff2a00;
text-decoration: underline;
diff --git a/core/themes/seven/css/components/dropbutton.component.css b/core/themes/seven/css/components/dropbutton.component.css
index 40e789c..9b91d62 100644
--- a/core/themes/seven/css/components/dropbutton.component.css
+++ b/core/themes/seven/css/components/dropbutton.component.css
@@ -141,8 +141,8 @@
-webkit-font-smoothing: antialiased;
width: auto!important;
}
-.dropbutton-single .dropbutton-action a:focus,
-.dropbutton-single .dropbutton-action a:hover {
+.dropbutton-single .dropbutton-action a:hover,
+.dropbutton-single .dropbutton-action a:focus {
background-color: #f9f8f6;
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
@@ -150,7 +150,8 @@
text-decoration: none;
outline: none;
}
-.dropbutton-single .dropbutton-action a:hover {
+.dropbutton-single .dropbutton-action a:hover,
+.dropbutton-single .dropbutton-action a:focus {
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
}
.dropbutton-single .dropbutton-action a:active {
diff --git a/core/themes/seven/css/components/pager.css b/core/themes/seven/css/components/pager.css
index 7929c26..6b5f4b4 100644
--- a/core/themes/seven/css/components/pager.css
+++ b/core/themes/seven/css/components/pager.css
@@ -28,8 +28,8 @@
color: #2a678c;
font-weight: 700;
}
-.pager__item a:focus,
-.pager__item a:hover {
+.pager__item a:hover,
+.pager__item a:focus {
border-bottom-color: #3395d2;
color: #3395d2;
}
diff --git a/core/themes/seven/css/components/quickedit.css b/core/themes/seven/css/components/quickedit.css
index e7de0e1..5949c08 100644
--- a/core/themes/seven/css/components/quickedit.css
+++ b/core/themes/seven/css/components/quickedit.css
@@ -30,10 +30,10 @@
-webkit-font-smoothing: antialiased;
margin-top: 2px;
}
-.quickedit-button.action-save:focus,
.quickedit-button.action-save:hover,
-.quickedit-button.action-saving:focus
-.quickedit-button.action-saving:hover {
+.quickedit-button.action-save:focus,
+.quickedit-button.action-saving:hover,
+.quickedit-button.action-saving:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
@@ -41,7 +41,9 @@
color: #fff;
}
.quickedit-button.action-save:hover,
-.quickedit-button.action-saving:hover {
+.quickedit-button.action-save:focus,
+.quickedit-button.action-saving:hover,
+.quickedit-button.action-saving:focus {
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
}
.quickedit-button.action-save:active,
diff --git a/core/themes/seven/css/components/skip-link.css b/core/themes/seven/css/components/skip-link.css
index ce0793c..df173ab 100644
--- a/core/themes/seven/css/components/skip-link.css
+++ b/core/themes/seven/css/components/skip-link.css
@@ -34,9 +34,9 @@
.skip-link:active {
outline: 0;
}
-.skip-link.visually-hidden.focusable:active,
+.skip-link.visually-hidden.focusable:hover,
.skip-link.visually-hidden.focusable:focus,
-.skip-link.visually-hidden.focusable:hover
+.skip-link.visually-hidden.focusable:active
{
position: absolute !important;
}
diff --git a/core/themes/seven/css/components/tables.css b/core/themes/seven/css/components/tables.css
index 8242d85..524c83b 100644
--- a/core/themes/seven/css/components/tables.css
+++ b/core/themes/seven/css/components/tables.css
@@ -33,7 +33,8 @@ tr {
thead > tr {
border-bottom: 1px solid #000;
}
-tbody tr:hover {
+tbody tr:hover,
+tbody tr:focus {
background: #f7fcff;
}
td,
@@ -80,17 +81,17 @@ th.active img {
th.active > a:after {
border-bottom-color: #004875;
}
-th > a:focus,
th > a:hover,
-th.active > a:focus,
-th.active > a:hover {
+th > a:focus,
+th.active > a:hover,
+th.active > a:focus {
color: #008ee6;
text-decoration: none;
}
-th > a:focus:after,
th > a:hover:after,
-th.active > a:focus:after,
-th.active > a:hover:after {
+th > a:focus:after,
+th.active > a:hover:after,
+th.active > a:focus:after {
border-bottom-color: #008ee6;
}
td .item-list ul {
diff --git a/core/themes/seven/css/components/tabs.css b/core/themes/seven/css/components/tabs.css
index b57dd32..fe8d8fc 100644
--- a/core/themes/seven/css/components/tabs.css
+++ b/core/themes/seven/css/components/tabs.css
@@ -46,7 +46,8 @@
text-overflow: ellipsis;
white-space: nowrap;
}
-.tabs__tab:hover {
+.tabs__tab:hover,
+.tabs__tab:focus {
color: #008ee6;
background-color: #fafaf7;
}
@@ -238,7 +239,8 @@ li.tabs__tab a {
border-left: 2px solid #004f80;
padding-left: 15px;
}
-.tabs.secondary .tabs__tab:hover {
+.tabs.secondary .tabs__tab:hover,
+.tabs.secondary .tabs__tab:focus {
color: #008ee6;
border-left: 2px solid #008ee6;
padding-left: 15px;
@@ -273,6 +275,7 @@ li.tabs__tab a {
.is-horizontal .tabs.secondary .tabs__tab.active {
border-bottom-color: #004f80;
}
-.is-horizontal .tabs.secondary .tabs__tab:hover {
+.is-horizontal .tabs.secondary .tabs__tab:hover,
+.is-horizontal .tabs.secondary .tabs__tab:focus {
border-bottom-color: #008ee6;
}
diff --git a/core/themes/seven/css/components/tour.theme.css b/core/themes/seven/css/components/tour.theme.css
index 3a9b723..6353df3 100644
--- a/core/themes/seven/css/components/tour.theme.css
+++ b/core/themes/seven/css/components/tour.theme.css
@@ -71,7 +71,8 @@
font-size: 1.4em;
font-weight: bold;
}
-.joyride-close-tip:hover {
+.joyride-close-tip:hover,
+.joyride-close-tip:focus {
color: rgba(255,255,255, 0.9);
text-decoration: none;
}
diff --git a/core/themes/seven/css/components/views-ui.css b/core/themes/seven/css/components/views-ui.css
index ed33366..a4559ae 100644
--- a/core/themes/seven/css/components/views-ui.css
+++ b/core/themes/seven/css/components/views-ui.css
@@ -181,7 +181,8 @@ details.fieldset-no-legend {
border-radius: 7px 7px 0 0;
}
-.views-displays .secondary .open > a:hover {
+.views-displays .secondary .open > a:hover,
+.views-displays .secondary .open > a:focus {
background-color: #f1f1f1;
color: #008BCB;
}