diff --git a/bookwyrm/static/css/bookwyrm/overrides/_bulma_overrides.scss b/bookwyrm/static/css/bookwyrm/overrides/_bulma_overrides.scss index c1c15d325..9c44324c2 100644 --- a/bookwyrm/static/css/bookwyrm/overrides/_bulma_overrides.scss +++ b/bookwyrm/static/css/bookwyrm/overrides/_bulma_overrides.scss @@ -1,3 +1,7 @@ +.summary-on-open { + display: none; +} + @media only screen and (max-width: 768px) { .navbar-menu { text-align: right; @@ -6,6 +10,38 @@ .tags { 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; + } + } } } diff --git a/bookwyrm/templates/user_menu.html b/bookwyrm/templates/user_menu.html index 2d23d1b24..5473b9da2 100644 --- a/bookwyrm/templates/user_menu.html +++ b/bookwyrm/templates/user_menu.html @@ -13,6 +13,10 @@ {{ request.user.display_name }} + + + {% trans "Back" %} +