From e1d55f2b15cb4afcd22c7419e3798c4b97f8fd05 Mon Sep 17 00:00:00 2001
From: Alex Shpak <alex-shpak@users.noreply.github.com>
Date: Mon, 10 Feb 2020 18:39:07 +0100
Subject: Improve lang switch accesibility

---
 assets/_main.scss | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'assets')

diff --git a/assets/_main.scss b/assets/_main.scss
index 6369b3c..30f9160 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -249,15 +249,19 @@ ul.pagination {
   padding: $padding-16;
   margin: -$padding-16;
 
-  &:hover .book-languages-list {
-    display: block;
+  &:hover,
+  &:focus,
+  &:focus-within {
+    .book-languages-list {
+      display: block;
+    }  
   }
 
   .book-languages-list {
     display: none;
 
     position: absolute;
-    bottom: 0;
+    bottom: 100%;
     left: 0;
     padding: $padding-8 0;
 
@@ -265,7 +269,6 @@ ul.pagination {
     box-shadow: 0 0 $padding-4 rgba(0, 0, 0, 0.1);
 
     li {
-      padding: $padding-8 $padding-16;
       white-space: nowrap;
     }
 
@@ -279,6 +282,7 @@ ul.pagination {
 
     a {
       color: inherit;
+      padding: $padding-8 $padding-16;
     }
   }
 
-- 
cgit v1.2.3