From c75b1e0b34cf6430938a7ab2dc65a9e96084601f Mon Sep 17 00:00:00 2001 From: nileane Date: Sun, 11 Feb 2024 15:46:50 +0000 Subject: [PATCH] Copy CSS files to installation folder --- .../tangerineui-cherry.scss | 18 ++++++++++---- .../tangerineui-purple.scss | 18 ++++++++++---- .../styles/tangerineui/tangerineui.scss | 24 +++++++++++++------ 3 files changed, 45 insertions(+), 15 deletions(-) diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss index 49d2b94..cdb7cec 100644 --- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss +++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss @@ -3695,11 +3695,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .account__header__bar .avatar .account__avatar { border-radius: 50%; - border-width: 5px; + margin: 2px 2px 6px; + outline: 1px solid var(--color-lines-translucent); + border-width: 4px; + border-color: var(--color-content-bg); width: 100px !important; height: 100px !important; background-color: var(--color-content-bg); - border-color: var(--color-content-bg); + box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } .app-body .account__header__tabs__name h1, .app-body .account__header__tabs__name h1 small { @@ -4638,12 +4641,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu background-color: var(--color-accent-focus); } +.app-body .inline-follow-suggestions__body__scroll-button.right { + background: linear-gradient(to left, var(--color-content-bg), transparent); + margin-right: -15px; + padding-right: 21px; +} + .app-body .inline-follow-suggestions__body__scrollable__card .account__avatar { border-radius: 50px; background-color: var(--color-content-bg); - border: 0; - outline: 3px solid var(--color-content-bg); + outline: 1px solid var(--color-lines-translucent); + border: 3px solid var(--color-content-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); + transform: translateY(3px); } diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss index a2cb287..3a7cc6c 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss @@ -3695,11 +3695,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .account__header__bar .avatar .account__avatar { border-radius: 50%; - border-width: 5px; + margin: 2px 2px 6px; + outline: 1px solid var(--color-lines-translucent); + border-width: 4px; + border-color: var(--color-content-bg); width: 100px !important; height: 100px !important; background-color: var(--color-content-bg); - border-color: var(--color-content-bg); + box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } .app-body .account__header__tabs__name h1, .app-body .account__header__tabs__name h1 small { @@ -4638,12 +4641,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu background-color: var(--color-accent-focus); } +.app-body .inline-follow-suggestions__body__scroll-button.right { + background: linear-gradient(to left, var(--color-content-bg), transparent); + margin-right: -15px; + padding-right: 21px; +} + .app-body .inline-follow-suggestions__body__scrollable__card .account__avatar { border-radius: 50px; background-color: var(--color-content-bg); - border: 0; - outline: 3px solid var(--color-content-bg); + outline: 1px solid var(--color-lines-translucent); + border: 3px solid var(--color-content-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); + transform: translateY(3px); } diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss index 7e37061..2e7c69b 100644 --- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss +++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss @@ -3695,11 +3695,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .account__header__bar .avatar .account__avatar { border-radius: 50%; - border-width: 5px; + margin: 2px 2px 6px; + outline: 1px solid var(--color-lines-translucent); + border-width: 4px; + border-color: var(--color-content-bg); width: 100px !important; height: 100px !important; background-color: var(--color-content-bg); - border-color: var(--color-content-bg); + box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } .app-body .account__header__tabs__name h1, .app-body .account__header__tabs__name h1 small { @@ -4598,7 +4601,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu /* Inline Follow Suggesitons */ .app-body .inline-follow-suggestions { - background-color: var(--color-content-secondary-bg); + background-color: var(--color-content-bg); border-top: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines); position: relative; @@ -4609,8 +4612,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .inline-follow-suggestions__body__scrollable__card { border-radius: 8px; - background-color: var(--color-content-bg); - border: 0; + background-color: var(--color-content-secondary-bg); + border: 1px solid var(--color-lines); } .app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account), .app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source { @@ -4638,12 +4641,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu background-color: var(--color-accent-focus); } +.app-body .inline-follow-suggestions__body__scroll-button.right { + background: linear-gradient(to left, var(--color-content-bg), transparent); + margin-right: -15px; + padding-right: 21px; +} + .app-body .inline-follow-suggestions__body__scrollable__card .account__avatar { border-radius: 50px; background-color: var(--color-content-bg); - border: 0; - outline: 3px solid var(--color-content-bg); + outline: 1px solid var(--color-lines-translucent); + border: 3px solid var(--color-content-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); + transform: translateY(3px); }