Add language switch at bottom of page

This commit is contained in:
Alex Shpak
2019-11-10 00:23:06 +01:00
parent 9cd378a2d2
commit 05c3b8fac9
21 changed files with 110 additions and 52 deletions
+48
View File
@@ -227,6 +227,54 @@ ul.pagination {
}
}
.book-languages {
position: relative;
overflow: visible;
padding: $padding-16;
margin: -$padding-16;
&:hover .book-languages-list {
display: block;
}
.book-languages-list {
display: none;
position: absolute;
bottom: 0;
left: 0;
padding: $padding-8 0;
background: $body-background;
box-shadow: 0 0 $padding-4 rgba(0, 0, 0, 0.1);
li {
padding: $padding-8 $padding-16;
white-space: nowrap;
}
img {
opacity: .1;
}
li.active img {
opacity: 1;
}
a {
color: inherit;
}
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
}
.book-posts {
min-width: $body-min-width;
max-width: $body-min-width * 2;
-1
View File
@@ -1,4 +1,3 @@
// Printing styles
@media print {
.book-menu,
.book-footer {