mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-06-18 05:00:32 +00:00
Add back button to user submenu on mobile
This commit is contained in:
parent
7f3b208927
commit
91d67b44fd
|
@ -1,3 +1,7 @@
|
||||||
|
.summary-on-open {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 768px) {
|
||||||
.navbar-menu {
|
.navbar-menu {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
@ -6,6 +10,38 @@
|
||||||
.tags {
|
.tags {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#navbar-dropdown {
|
||||||
|
&[open] {
|
||||||
|
.summary-on-open {
|
||||||
|
display: initial;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 3rem;
|
||||||
|
z-index: 31;
|
||||||
|
background-color: $dropdown-content-background-color;
|
||||||
|
padding: 1rem 1.75rem;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dropdown-menu {
|
||||||
|
padding-top: 0;
|
||||||
|
top: 3rem;
|
||||||
|
}
|
||||||
|
.dropdown-content {
|
||||||
|
padding-top: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
.navbar-item {
|
||||||
|
// see ../components/_details.scss :: Navbar details
|
||||||
|
padding-right: 1.75rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -13,6 +13,10 @@
|
||||||
<span class="ml-2">{{ request.user.display_name }}</span>
|
<span class="ml-2">{{ request.user.display_name }}</span>
|
||||||
</span>
|
</span>
|
||||||
<span class="icon icon-arrow-down is-hidden-mobile" aria-hidden="true"></span>
|
<span class="icon icon-arrow-down is-hidden-mobile" aria-hidden="true"></span>
|
||||||
|
<span class="summary-on-open">
|
||||||
|
<span class="icon icon-arrow-left is-small" aria-hidden="true"></span>
|
||||||
|
{% trans "Back" %}
|
||||||
|
</span>
|
||||||
</summary>
|
</summary>
|
||||||
|
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
|
|
Loading…
Reference in a new issue