#343, #165: Move lang selector to left menu

1 files changed, 10 insertions, 57 deletions

diff --git a/assets/_main.scss b/assets/_main.scss
index 4e96316..b960941 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -86,11 +86,11 @@ ul.pagination {
 
 .book-brand {
   margin-top: 0;
+  margin-bottom: $padding-16;
 
   img {
     height: 1.5em;
-    width: auto;
-    vertical-align: middle;
+    width: 1.5em;
     margin-inline-end: $padding-8;
   }
 }
@@ -147,11 +147,7 @@ body[dir="rtl"] .book-menu {
 }
 
 .book-section-flat {
-  margin-bottom: $padding-16 * 2;
-
-  &:not(:first-child) {
-    margin-top: $padding-16 * 2;
-  }
+  margin: $padding-16 * 2 0;
 
   > a,
   > span,
@@ -266,62 +262,19 @@ body[dir="rtl"] .book-menu {
 }
 
 .book-languages {
-  position: relative;
-  overflow: visible;
-
-  padding: $padding-16;
-  margin: -$padding-16;
-
-  ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-
-    li {
-      white-space: nowrap;
-      cursor: pointer;
-    }
-  }
+  margin-block-end: $padding-16 * 2;
 
-  &:hover,
-  &:focus,
-  &:focus-within {
-    .book-languages-list {
-      display: block;
-    }
+  .book-icon {
+    height: 1em;
+    width: 1em;
+    margin-inline-end: .5em;
   }
 
-  .book-languages-list {
-    display: none;
-
-    position: absolute;
-    bottom: 100%;
-    left: 0;
-    padding: $padding-8 0;
-
-    background: var(--body-background);
-    box-shadow: 0 0 $padding-4 rgba(0, 0, 0, 0.1);
-
-    li img {
-      opacity: 0.25;
-    }
-
-    li.active img,
-    li:hover img {
-      opacity: initial;
-    }
-
-    a {
-      color: inherit;
-      padding: $padding-8 $padding-16;
-    }
+  ul {
+    padding-inline-start: 1.5em;
   }
 }
 
-.book-home {
-  padding: $padding-16;
-}
-
 // Responsive styles
 .book-menu-content,
 .book-toc-content,