From 0f495f29521405f877c1d276eb852a334fa3e1e6 Mon Sep 17 00:00:00 2001 From: Ben Halpern Date: Thu, 20 Apr 2023 14:56:27 -0400 Subject: [PATCH] Fix link liquid tag for org posts (#19365) --- app/assets/stylesheets/ltags/LinkTag.scss | 34 +++++++++++++++++++---- 1 file changed, 28 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/ltags/LinkTag.scss b/app/assets/stylesheets/ltags/LinkTag.scss index 5be45f592..a551c187a 100644 --- a/app/assets/stylesheets/ltags/LinkTag.scss +++ b/app/assets/stylesheets/ltags/LinkTag.scss @@ -64,10 +64,9 @@ .ltag__link__org__pic { border-radius: var(--radius); position: relative; - background-color: var(--body-color-inverted); display: inline-block; padding: calc(0.4vw + 8px) calc(0.8vw + 8px); - padding-right: 8px; + padding-right: 10px; box-sizing: border-box; &::after { content: ''; @@ -89,18 +88,22 @@ margin: auto auto !important; border-radius: var(--radius); box-sizing: border-box; - } + max-width: 55px; + max-height: 55px; +} .ltag__link__user__pic { display: inline-block; position: absolute; - right: 0; + right: 3px; bottom: calc(1vw); border: 2px solid var(--base-inverted); border-radius: 100%; background-color: var(--card-color-tertiary); box-sizing: border-box; - width: calc(2vw + 25px); - height: calc(2vw + 25px); + width: calc(2vw + 28px); + height: calc(2vw + 28px); + max-width: 38px; + max-height: 38px; img { display: inline-block; width: 100%; @@ -165,6 +168,25 @@ .crayons-article-sticky { .ltag__link { + .ltag__link__org__pic { + width: 60px; + height: 60px; + img { + width: 33px; + height: 33px; + } + } + .ltag__link__user__pic { + width: 19px; + height: 19px; + padding: 0 !important; + img { + width: 15px; + height: 15px; + top: 0; + position: absolute; + } + } .ltag__link__pic { width: 60px; height: 60px;