Changeset 7126 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/style.css

Timestamp:

04/18/2018 03:01:23 PM (6 years ago)

Author:

SergeyBiryukov

Message:

Support Theme: Make inline topic/reply admin links visible on focus in addition to hover.

Props anevins.
Fixes #3579.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/style.css (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/style.css

@@ -680 +680 @@
 #bbpress-forums li.bbp-body div.type-reply {
     border-top: 1px solid #eee;
-}
-
-#bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links,
-#bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links {
-    display: none;
-}
-
-#bbpress-forums li.bbp-body div.type-topic:hover span.bbp-admin-links,
-#bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links {
-    display: block;
-    position: absolute;
-    right: 30px;
-    bottom: 10px;
 }
 
@@ -3626 +3613 @@
 }
 
+.bbpress #bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links,
+.bbpress #bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links {
+    display: none;
+}
+
 .bbpress #bbpress-forums li.bbp-body div.type-topic:hover span.bbp-admin-links,
-.bbpress #bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links {
+.bbpress #bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links,
+.bbpress #bbpress-forums li.bbp-body div.type-topic:focus-within span.bbp-admin-links,
+.bbpress #bbpress-forums li.bbp-body div.type-reply:focus-within span.bbp-admin-links {
+    display: block;
+    position: absolute;
     bottom: 0;
     right: 0;
@@ -3635 +3631 @@
 
 .bbpress #bbpress-forums li.bbp-body div.type-topic:hover span.bbp-admin-links a,
-.bbpress #bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links a {
+.bbpress #bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links a,
+.bbpress #bbpress-forums li.bbp-body div.type-topic:focus-within span.bbp-admin-links a,
+.bbpress #bbpress-forums li.bbp-body div.type-reply:focus-within span.bbp-admin-links a {
     color: #0073aa;
     text-transform: inherit;
@@ -3642 +3640 @@
 
 .bbpress #bbpress-forums li.bbp-body div.type-topic:hover span.bbp-admin-links a:hover,
-.bbpress #bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links a:hover {
+.bbpress #bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links a:hover,
+.bbpress #bbpress-forums li.bbp-body div.type-topic:focus-within span.bbp-admin-links a:hover,
+.bbpress #bbpress-forums li.bbp-body div.type-reply:focus-within span.bbp-admin-links a:hover {
     text-decoration: underline;
 }