From e3abcdda4181f17b854230139207c838e46ef760 Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Wed, 11 Apr 2018 23:32:59 +0200 Subject: [PATCH] Renamed anime-grid-title to generic image-title --- mixins/AnimeGrid.pixy | 8 ++++---- pages/anime/character.pixy | 8 ++++---- pages/anime/character.scarlet | 2 +- pages/explore/halloffame/halloffame.scarlet | 4 ++-- pages/users/users.pixy | 4 ++-- pages/users/users.scarlet | 2 +- styles/anime-grid.scarlet | 21 +-------------------- styles/image-title.scarlet | 19 +++++++++++++++++++ 8 files changed, 34 insertions(+), 34 deletions(-) create mode 100644 styles/image-title.scarlet diff --git a/mixins/AnimeGrid.pixy b/mixins/AnimeGrid.pixy index cb3449b3..9fc73dca 100644 --- a/mixins/AnimeGrid.pixy +++ b/mixins/AnimeGrid.pixy @@ -15,16 +15,16 @@ component AnimeGridScrollable(animes []*arn.Anime, user *arn.User) component AnimeImageLink(anime *arn.Anime, size string, user *arn.User) 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) - .anime-grid-title - .anime-grid-title-text= anime.Title.ByUser(user) + .image-title + .image-title-text= anime.Title.ByUser(user) component AnimeGridWithRelationScrollable(entries []*utils.AnimeWithRelatedAnime, user *arn.User) each entry in entries .anime-grid-cell(data-added=(user != nil && user.AnimeList().Contains(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) - .anime-grid-title - .anime-grid-title-text= entry.Anime.Title.ByUser(user) + .image-title + .image-title-text= entry.Anime.Title.ByUser(user) AnimeGridButton(entry.Anime, user) diff --git a/pages/anime/character.pixy b/pages/anime/character.pixy index 9d4ea69a..146f1de5 100644 --- a/pages/anime/character.pixy +++ b/pages/anime/character.pixy @@ -1,11 +1,11 @@ component Character(character *arn.Character) a.character(href="/character/" + character.ID) img.character-image.lazy(data-src=character.ImageLink("medium"), alt=character.Name.Canonical) - .anime-grid-title - .anime-grid-title-text= character.Name.Canonical + .image-title + .image-title-text= character.Name.Canonical component CharacterSmall(character *arn.Character) a.character(href="/character/" + character.ID) img.character-image.character-image-small.lazy(data-src=character.ImageLink("small"), alt=character.Name.Canonical) - .anime-grid-title - .anime-grid-title-text= character.Name.Canonical \ No newline at end of file + .image-title + .image-title-text= character.Name.Canonical \ No newline at end of file diff --git a/pages/anime/character.scarlet b/pages/anime/character.scarlet index 2cadd9ef..48bb8f8f 100644 --- a/pages/anime/character.scarlet +++ b/pages/anime/character.scarlet @@ -9,7 +9,7 @@ transform scale(1) :hover - .anime-grid-title + .image-title opacity 1 .character-image diff --git a/pages/explore/halloffame/halloffame.scarlet b/pages/explore/halloffame/halloffame.scarlet index 892c19da..9b02928d 100644 --- a/pages/explore/halloffame/halloffame.scarlet +++ b/pages/explore/halloffame/halloffame.scarlet @@ -43,10 +43,10 @@ height anime-image-large-height border-radius ui-element-border-radius - .anime-grid-title + .image-title font-size 1.2rem padding 1rem 0.75rem :hover - .anime-grid-title + .image-title opacity 1 \ No newline at end of file diff --git a/pages/users/users.pixy b/pages/users/users.pixy index 41262aa1..5af4b0e5 100644 --- a/pages/users/users.pixy +++ b/pages/users/users.pixy @@ -15,8 +15,8 @@ component ProUsers(users []*arn.User, url string) each user in users a.profile-image-container.mountable(href=user.Link()) ProfileImage(user) - .anime-grid-title - .anime-grid-title-text= user.Nick + .image-title + .image-title-text= user.Nick .footer.mountable p We are thankful to everyone supporting the site! diff --git a/pages/users/users.scarlet b/pages/users/users.scarlet index ac4120a6..c50f0842 100644 --- a/pages/users/users.scarlet +++ b/pages/users/users.scarlet @@ -19,7 +19,7 @@ box-shadow shadow-light :hover - .anime-grid-title + .image-title opacity 1 .user diff --git a/styles/anime-grid.scarlet b/styles/anime-grid.scarlet index 7a3bf408..67448699 100644 --- a/styles/anime-grid.scarlet +++ b/styles/anime-grid.scarlet @@ -8,7 +8,7 @@ default-transition :hover - .anime-grid-title, + .image-title, .anime-grid-add-button opacity 1 @@ -25,25 +25,6 @@ .anime-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 opacity 0 position absolute diff --git a/styles/image-title.scarlet b/styles/image-title.scarlet new file mode 100644 index 00000000..ea0f6b49 --- /dev/null +++ b/styles/image-title.scarlet @@ -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 \ No newline at end of file