From a33bb33f189a565c848819181b1b87e66d020c58 Mon Sep 17 00:00:00 2001
From: Alex Shpak <alex-shpak@users.noreply.github.com>
Date: Mon, 10 Feb 2020 22:05:17 +0100
Subject: Make translations list respect weight of languages

---
 assets/_main.scss | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

(limited to 'assets/_main.scss')

diff --git a/assets/_main.scss b/assets/_main.scss
index 30f9160..977abcd 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -249,12 +249,23 @@ ul.pagination {
   padding: $padding-16;
   margin: -$padding-16;
 
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    li {
+      white-space: nowrap;
+      cursor: pointer;
+    }
+  }
+
   &:hover,
   &:focus,
   &:focus-within {
     .book-languages-list {
       display: block;
-    }  
+    }
   }
 
   .book-languages-list {
@@ -268,15 +279,12 @@ ul.pagination {
     background: $body-background;
     box-shadow: 0 0 $padding-4 rgba(0, 0, 0, 0.1);
 
-    li {
-      white-space: nowrap;
-    }
-
-    img {
-      opacity: 0.1;
+    li img {
+      opacity: 0.25;
     }
 
-    li.active img {
+    li.active img,
+    li:hover img {
       opacity: 1;
     }
 
@@ -285,12 +293,6 @@ ul.pagination {
       padding: $padding-8 $padding-16;
     }
   }
-
-  ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
 }
 
 .book-home {
-- 
cgit v1.2.3