web/notify.moe
Code Issues Pull Requests Activity

Removed genres from sidebar (on explore page now)

Browse Source
This commit is contained in:
Eduard Urbach 2017-11-30 17:57:31 +01:00
parent a6cfd98ea8
commit 9e32aadefd
7 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
layout/sidebar/sidebar.pixy
View File

@ -16,12 +16,7 @@ component Sidebar(user *arn.User)
SidebarButton("Forum", "/forum", "comment") SidebarButton("Forum", "/forum", "comment")
SidebarButton("Explore", "/explore", "th") SidebarButton("Explore", "/explore", "th")
SidebarButton("Calendar", "/calendar", "calendar") SidebarButton("Calendar", "/calendar", "calendar")
SidebarButton("Genres", "/genres", "clone")
SidebarButton("Soundtracks", "/soundtracks", "headphones") SidebarButton("Soundtracks", "/soundtracks", "headphones")
if user != nil && user.Role == "admin"
SidebarButton("Users", "/users", "globe") SidebarButton("Users", "/users", "globe")
if user != nil if user != nil
@ -36,6 +31,7 @@ component Sidebar(user *arn.User)
//- SidebarButton("Groups", "/groups", "users") //- SidebarButton("Groups", "/groups", "users")
//- SidebarButton("Statistics", "/statistics", "pie-chart") //- SidebarButton("Statistics", "/statistics", "pie-chart")
//- SidebarButton("Companies", "/companies", "building") //- SidebarButton("Companies", "/companies", "building")
//- SidebarButton("Genres", "/genres", "clone")
.spacer .spacer

4
pages/anime/genres.scarlet
View File

@ -7,7 +7,7 @@
padding 0.25rem 0.75rem padding 0.25rem 0.75rem
font-size 85% font-size 85%
color text-color color text-color
background hsla(0, 0%, 100%, 0.1) background reverse-light-color
border-radius ui-element-border-radius border-radius ui-element-border-radius
margin 0.35rem margin 0.35rem
@ -18,7 +18,7 @@
color text-color color text-color
opacity 1.0 opacity 1.0
text-shadow none text-shadow none
background hsla(0, 0%, 100%, 0.2) background reverse-light-hover-color
> 800px > 800px
.anime-genres .anime-genres

6
pages/explore/explore.pixy
View File

@ -1,8 +1,14 @@
component ExploreAnime(animeList []*arn.Anime, year string, status string, typ string, user *arn.User) component ExploreAnime(animeList []*arn.Anime, year string, status string, typ string, user *arn.User)
ExploreFilters(year, status, typ) ExploreFilters(year, status, typ)
.corner-buttons-hide-on-mobile
a.button.ajax(href="/genres")
Icon("clone")
span View genres
h1.page-title Explore h1.page-title Explore
.explore-anime
if len(animeList) == 0 if len(animeList) == 0
p.no-data.mountable No anime found using the above filters. p.no-data.mountable No anime found using the above filters.
else else

5
pages/explore/explore.scarlet
View File

@ -1,11 +1,14 @@
.explore-filters .explore-filters
horizontal horizontal
justify-content center justify-content center
margin-bottom content-padding margin-bottom calc(content-padding / 2)
select select
margin 0.05rem margin 0.05rem
.explore-anime
margin-top calc(content-padding / 2)
#filter-year #filter-year
max-width 80px max-width 80px

2
scripts/Actions/Theme.ts
View File

@ -11,6 +11,8 @@ let dark = {
"link-color": "hsl(var(--hue), var(--saturation), 66%)", "link-color": "hsl(var(--hue), var(--saturation), 66%)",
"link-hover-color": "hsl(var(--hue), var(--saturation), 76%)", "link-hover-color": "hsl(var(--hue), var(--saturation), 76%)",
"link-hover-text-shadow": "0 0 8px hsla(var(--hue), var(--saturation), 66%, 0.5)", "link-hover-text-shadow": "0 0 8px hsla(var(--hue), var(--saturation), 66%, 0.5)",
"reverse-light-color": "rgba(255, 255, 255, 0.1)",
"reverse-light-hover-color": "rgba(255, 255, 255, 0.2)",
"ui-background": "hsl(0, 0%, 18%)", "ui-background": "hsl(0, 0%, 18%)",
"sidebar-background": "hsla(0, 0%, 0%, 0.2)", "sidebar-background": "hsla(0, 0%, 0%, 0.2)",
"sidebar-opaque-background": "hsl(0, 0%, 18%)", "sidebar-opaque-background": "hsl(0, 0%, 18%)",

7
styles/corner-buttons.scarlet
View File

@ -2,8 +2,13 @@
display flex display flex
justify-content center justify-content center
.corner-buttons-hide-on-mobile
display none
> 600px > 600px
.corner-buttons .corner-buttons,
.corner-buttons-hide-on-mobile
display flex
position absolute position absolute
top content-padding top content-padding
right content-padding right content-padding

2
styles/include/config.scarlet
View File

@ -7,6 +7,8 @@ link-hover-color = rgb(242, 60, 30)
link-active-color = link-hover-color link-active-color = link-hover-color
pro-color = hsla(0, 100%, 73%, 0.87) pro-color = hsla(0, 100%, 73%, 0.87)
anime-alternative-title-color = hsla(0, 0%, 0%, 0.5) anime-alternative-title-color = hsla(0, 0%, 0%, 0.5)
reverse-light-color = rgba(0, 0, 0, 0.05)
reverse-light-hover-color = rgba(0, 0, 0, 0.1)
theme-white = bg-color theme-white = bg-color
theme-black = text-color theme-black = text-color