Ensure the 'add child page' button displays when focused (#5274, #5382)

wagtail · Jun 17, 2019 · 98d3ef4 · 98d3ef4
1 parent 4b4db7d
commit 98d3ef4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.txt b/CHANGELOG.txt
@@ -47,6 +47,7 @@ Changelog
  * Fix: Restore custom "Date" icon for scheduled publishing panel in Edit page’s Settings tab (Helen Chapman)
  * Fix: Added missing form media to user edit form template (Matt Westcott)
  * Fix: Add a label to the modals’ “close” button for screen reader users (Helen Chapman, Katie Locke)
+ * Fix: Ensure the 'add child page' button displays when focused (Helen Chapman, Katie Locke)
 
 
 2.5.1 (07.05.2019)

diff --git a/client/scss/components/_listing.scss b/client/scss/components/_listing.scss
@@ -279,9 +279,14 @@ ul.listing {
             font-size: 1.5rem;
         }
 
-        &:hover {
+        &:hover,
+        &:focus {
             color: $color-teal;
         }
+
+        &:focus {
+            opacity: 1; //opacity is already changed on hover on the parent tr
+        }
     }
 
     &.small .children a:before {

diff --git a/docs/releases/2.6.rst b/docs/releases/2.6.rst
@@ -61,6 +61,7 @@ Bug fixes
  * Restore custom "Date" icon for scheduled publishing panel in Edit page’s Settings tab (Helen Chapman)
  * Added missing form media to user edit form template (Matt Westcott)
  * Added a label to the modals’ “close” button for screen reader users (Helen Chapman, Katie Locke)
+ * Ensured the 'add child page' button displays when focused (Helen Chapman, Katie Locke)
 
 
 Upgrade considerations