Renamed anime-grid-title to generic image-title

This commit is contained in:
Eduard Urbach 2018-04-11 23:32:59 +02:00
parent bb6c21dab9
commit e3abcdda41
8 changed files with 34 additions and 34 deletions

View File

@ -15,16 +15,16 @@ component AnimeGridScrollable(animes []*arn.Anime, user *arn.User)
component AnimeImageLink(anime *arn.Anime, size string, user *arn.User) component AnimeImageLink(anime *arn.Anime, size string, user *arn.User)
a(href="/anime/" + anime.ID) a(href="/anime/" + anime.ID)
img.anime-grid-image.lazy(data-src=anime.ImageLink(size), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.Romaji) img.anime-grid-image.lazy(data-src=anime.ImageLink(size), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.Romaji)
.anime-grid-title .image-title
.anime-grid-title-text= anime.Title.ByUser(user) .image-title-text= anime.Title.ByUser(user)
component AnimeGridWithRelationScrollable(entries []*utils.AnimeWithRelatedAnime, user *arn.User) component AnimeGridWithRelationScrollable(entries []*utils.AnimeWithRelatedAnime, user *arn.User)
each entry in entries each entry in entries
.anime-grid-cell(data-added=(user != nil && user.AnimeList().Contains(entry.Anime.ID))) .anime-grid-cell(data-added=(user != nil && user.AnimeList().Contains(entry.Anime.ID)))
a(href="/anime/" + entry.Anime.ID) a(href="/anime/" + entry.Anime.ID)
img.anime-grid-image.lazy(data-src=entry.Anime.ImageLink("medium"), data-webp="true", data-color=entry.Anime.AverageColor(), alt=entry.Anime.Title.Romaji) img.anime-grid-image.lazy(data-src=entry.Anime.ImageLink("medium"), data-webp="true", data-color=entry.Anime.AverageColor(), alt=entry.Anime.Title.Romaji)
.anime-grid-title .image-title
.anime-grid-title-text= entry.Anime.Title.ByUser(user) .image-title-text= entry.Anime.Title.ByUser(user)
AnimeGridButton(entry.Anime, user) AnimeGridButton(entry.Anime, user)

View File

@ -1,11 +1,11 @@
component Character(character *arn.Character) component Character(character *arn.Character)
a.character(href="/character/" + character.ID) a.character(href="/character/" + character.ID)
img.character-image.lazy(data-src=character.ImageLink("medium"), alt=character.Name.Canonical) img.character-image.lazy(data-src=character.ImageLink("medium"), alt=character.Name.Canonical)
.anime-grid-title .image-title
.anime-grid-title-text= character.Name.Canonical .image-title-text= character.Name.Canonical
component CharacterSmall(character *arn.Character) component CharacterSmall(character *arn.Character)
a.character(href="/character/" + character.ID) a.character(href="/character/" + character.ID)
img.character-image.character-image-small.lazy(data-src=character.ImageLink("small"), alt=character.Name.Canonical) img.character-image.character-image-small.lazy(data-src=character.ImageLink("small"), alt=character.Name.Canonical)
.anime-grid-title .image-title
.anime-grid-title-text= character.Name.Canonical .image-title-text= character.Name.Canonical

View File

@ -9,7 +9,7 @@
transform scale(1) transform scale(1)
:hover :hover
.anime-grid-title .image-title
opacity 1 opacity 1
.character-image .character-image

View File

@ -43,10 +43,10 @@
height anime-image-large-height height anime-image-large-height
border-radius ui-element-border-radius border-radius ui-element-border-radius
.anime-grid-title .image-title
font-size 1.2rem font-size 1.2rem
padding 1rem 0.75rem padding 1rem 0.75rem
:hover :hover
.anime-grid-title .image-title
opacity 1 opacity 1

View File

@ -15,8 +15,8 @@ component ProUsers(users []*arn.User, url string)
each user in users each user in users
a.profile-image-container.mountable(href=user.Link()) a.profile-image-container.mountable(href=user.Link())
ProfileImage(user) ProfileImage(user)
.anime-grid-title .image-title
.anime-grid-title-text= user.Nick .image-title-text= user.Nick
.footer.mountable .footer.mountable
p We are thankful to everyone supporting the site! p We are thankful to everyone supporting the site!

View File

@ -19,7 +19,7 @@
box-shadow shadow-light box-shadow shadow-light
:hover :hover
.anime-grid-title .image-title
opacity 1 opacity 1
.user .user

View File

@ -8,7 +8,7 @@
default-transition default-transition
:hover :hover
.anime-grid-title, .image-title,
.anime-grid-add-button .anime-grid-add-button
opacity 1 opacity 1
@ -25,25 +25,6 @@
.anime-grid-image .anime-grid-image
grid-image grid-image
.anime-grid-title
opacity 0
position absolute
bottom 0
left 0
width 100%
padding 0.7rem 0.5rem
background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
border-bottom-left-radius ui-element-border-radius
border-bottom-right-radius ui-element-border-radius
default-transition
.anime-grid-title-text
text-align center
color white
text-shadow 0 0 3px black
font-size 80%
line-height 1.8em
.anime-grid-add-button .anime-grid-add-button
opacity 0 opacity 0
position absolute position absolute

View File

@ -0,0 +1,19 @@
.image-title
opacity 0
position absolute
bottom 0
left 0
width 100%
padding 0.7rem 0.5rem
background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
border-bottom-left-radius ui-element-border-radius
border-bottom-right-radius ui-element-border-radius
pointer-events none
default-transition
.image-title-text
text-align center
color white
text-shadow 0 0 3px black
font-size 80%
line-height 1.8em