web/notify.moe
Code Issues Pull Requests Activity

Improved formatting for MAL comparison

Browse Source
This commit is contained in:
Eduard Urbach 2018-03-09 04:27:23 +01:00
parent 98c9278e24
commit 4c29afa84f
2 changed files with 50 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
pages/editor/mal.pixy
View File

@ -2,16 +2,22 @@ component CompareMAL(comparisons []*utils.MALComparison, user *arn.User)
EditorTabs EditorTabs
h1.mountable MAL Comparison h1.mountable MAL Comparison
.mal-comparisons .data-comparisons
each comparison in comparisons each comparison in comparisons
.mal-comparison.mountable .data-comparison.mountable
a(href=comparison.Anime.Link(), target="_blank")= comparison.Anime.Title.ByUser(user) .data-comparison-header
a(href=comparison.MALAnime.URL, target="_blank")= comparison.MALAnime.Title .data-comparison-image-container
img.data-comparison-image.lazy(data-src=comparison.Anime.Image("small"), data-webp="true", alt=comparison.Anime.Title.ByUser(user))
each difference in comparison.Differences .data-comparison-titles
.comparison-difference a.data-comparison-title(href=comparison.Anime.Link(), target="_blank")= comparison.Anime.Title.Canonical
div= difference.String() a.data-comparison-title(href=comparison.MALAnime.URL, target="_blank")= comparison.MALAnime.Title
.comparison-difference-details .data-comparison-differences
.comparison-difference-detail= difference.DetailsA() each difference in comparison.Differences
.comparison-difference-detail= difference.DetailsB() .data-comparison-difference
.data-comparison-difference-title= difference.String()
.data-comparison-difference-details
.data-comparison-difference-detail= difference.DetailsA()
.data-comparison-difference-detail= difference.DetailsB()

44
pages/editor/mal.scarlet
View File

@ -1,21 +1,43 @@
.mal-comparisons .data-comparisons
vertical vertical
width 100% width 100%
max-width 1100px max-width 1200px
margin 0 auto margin 0 auto
.mal-comparison .data-comparison
vertical vertical
ui-element padding 0.5rem 0.75rem
padding 0.5rem 1rem
margin 0.5rem margin 0.5rem
.comparison-difference .data-comparison-header
vertical
font-weight bold
.comparison-difference-details
horizontal horizontal
.comparison-difference-detail .data-comparison-image-container
margin-right 0.75rem
.data-comparison-image
anime-list-item-image
.data-comparison-titles
vertical
.data-comparison-title
line-height 1.5em
.data-comparison-differences
vertical
.data-comparison-difference
vertical
ui-element
padding 0.5rem 0.75rem
margin 0.5rem 0
.data-comparison-difference-title
font-weight bold
.data-comparison-difference-details
horizontal
.data-comparison-difference-detail
flex 1 flex 1