Improved landscape mode

This commit is contained in:
Eduard Urbach 2017-07-19 17:12:06 +02:00
parent 8fb371428a
commit b6ea4d1727
3 changed files with 11 additions and 7 deletions

View File

@ -6,7 +6,7 @@ component Navigation(user *arn.User)
component LoggedOutMenu component LoggedOutMenu
nav#navigation.logged-out nav#navigation.logged-out
.navigation-link.action(data-action="toggleSidebar", data-trigger="click", aria-label="Menu", title="Menu") #sidebar-toggle.navigation-link.action(data-action="toggleSidebar", data-trigger="click", aria-label="Menu", title="Menu")
.navigation-button .navigation-button
Icon("bars") Icon("bars")
span.navigation-text Menu span.navigation-text Menu
@ -28,7 +28,7 @@ component LoggedInMenu(user *arn.User)
.extension-navigation .extension-navigation
NavigationButton("Watching list", "/extension/embed", "home") NavigationButton("Watching list", "/extension/embed", "home")
.navigation-link.action(data-action="toggleSidebar", data-trigger="click", aria-label="Menu", title="Menu") #sidebar-toggle.navigation-link.action(data-action="toggleSidebar", data-trigger="click", aria-label="Menu", title="Menu")
.navigation-button .navigation-button
Icon("bars") Icon("bars")
span.navigation-text Menu span.navigation-text Menu
@ -39,7 +39,7 @@ component LoggedInMenu(user *arn.User)
.extra-navigation .extra-navigation
NavigationButton("Forum", "/forum", "comment") NavigationButton("Forum", "/forum", "comment")
.extra-navigation .extra-navigation.hide-landscape
NavigationButton("Soundtracks", "/soundtracks", "headphones") NavigationButton("Soundtracks", "/soundtracks", "headphones")
FuzzySearch FuzzySearch
@ -55,7 +55,7 @@ component LoggedInMenu(user *arn.User)
NavigationButton("Settings", "/settings", "cog") NavigationButton("Settings", "/settings", "cog")
.extra-navigation .extra-navigation.hide-landscape
NavigationButtonNoAJAX("Logout", "/logout", "sign-out") NavigationButtonNoAJAX("Logout", "/logout", "sign-out")
component FuzzySearch component FuzzySearch

View File

@ -23,7 +23,7 @@ profile-boot-duration = 2s
a a
color white color white
< 600px < 740px
.profile .profile
vertical vertical
align-items center align-items center

View File

@ -82,7 +82,7 @@
.extra-navigation .extra-navigation
display block display block
< 380px height < 400px height
#navigation #navigation
vertical vertical
height 100% height 100%
@ -92,7 +92,11 @@
horizontal horizontal
.extra-navigation .extra-navigation
display none display block
#sidebar-toggle,
.hide-landscape
display none !important
#search #search
display none display none