web/notify.moe
Code Issues Pull Requests Activity

Switched to CSS grid rendering for anime lists

Browse Source
This commit is contained in:
Eduard Urbach 2018-03-14 01:29:45 +01:00
parent fd2ed7d105
commit a6390e5eaf
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pages/animelist/animelist.scarlet
View File

@ -5,13 +5,17 @@
margin-bottom 1rem margin-bottom 1rem
.anime-list .anime-list
vertical display grid
grid-template-rows 40px
grid-template-columns 100%
.anime-list-item .anime-list-item
table-row table-row
horizontal horizontal
align-items center align-items center
padding-right 1rem padding-right 1rem
width 100%
height 40px
.anime-list-item-image-container .anime-list-item-image-container
padding 0 padding 0
@ -117,6 +121,3 @@
< 1100px < 1100px
.anime-list-item-rating .anime-list-item-rating
display none !important display none !important
.fill-screen
min-height calc(100vh - content-padding * 2 - 1rem - 43px - 23px)

2
pages/animelist/status.pixy
View File

@ -7,6 +7,6 @@ component AnimeListFilteredByStatus(animeList *arn.AnimeList, viewUser *arn.User
if len(animeList.Items) == 0 if len(animeList.Items) == 0
p.no-data.mountable= viewUser.Nick + " hasn't added any anime to this list yet." p.no-data.mountable= viewUser.Nick + " hasn't added any anime to this list yet."
else else
.anime-list-container.fill-screen .anime-list-container
//- h3.status-name= arn.ListItemStatusName(status) //- h3.status-name= arn.ListItemStatusName(status)
AnimeList(animeList, viewUser, user) AnimeList(animeList, viewUser, user)