From c9b2bd51cc9f1b6305b3cae0da4e893d23c4e5dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Thu, 21 Sep 2023 20:23:51 +0200 Subject: [PATCH] Added look for onboarding banners --- TangerineUI-purple.css | 5 ++--- TangerineUI.css | 5 ++--- .../styles/tangerineui-purple/layout-single-column.scss | 5 ++--- .../javascript/styles/tangerineui/layout-single-column.scss | 5 ++--- 4 files changed, 8 insertions(+), 12 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 2e96261..33dba64 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -2724,13 +2724,12 @@ body.layout-single-column { flex-flow: row-reverse; } .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, var(--color-accent), rgba(99, 99, 255, 0.4)); + background: linear-gradient(to bottom, rgba(99, 99, 255, 0.8), rgba(99, 99, 255, 0.5)); padding-left: 10px; padding-right: 10px; } .layout-single-column .dismissable-banner__background-image { - bottom: -35%; - opacity: .3; + display: none; } .layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button.button-tertiary { diff --git a/TangerineUI.css b/TangerineUI.css index 1ab6655..e5fc7e5 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -2724,13 +2724,12 @@ body.layout-single-column { flex-flow: row-reverse; } .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, var(--color-accent), rgba(247, 105, 2, 0.4)); + background: linear-gradient(to bottom, rgba(247, 105, 2, 0.8), rgba(247, 105, 2, 0.5)); padding-left: 10px; padding-right: 10px; } .layout-single-column .dismissable-banner__background-image { - bottom: -35%; - opacity: .3; + display: none; } .layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button.button-tertiary { diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index 2e96261..33dba64 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -2724,13 +2724,12 @@ body.layout-single-column { flex-flow: row-reverse; } .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, var(--color-accent), rgba(99, 99, 255, 0.4)); + background: linear-gradient(to bottom, rgba(99, 99, 255, 0.8), rgba(99, 99, 255, 0.5)); padding-left: 10px; padding-right: 10px; } .layout-single-column .dismissable-banner__background-image { - bottom: -35%; - opacity: .3; + display: none; } .layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button.button-tertiary { diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index 1ab6655..e5fc7e5 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -2724,13 +2724,12 @@ body.layout-single-column { flex-flow: row-reverse; } .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, var(--color-accent), rgba(247, 105, 2, 0.4)); + background: linear-gradient(to bottom, rgba(247, 105, 2, 0.8), rgba(247, 105, 2, 0.5)); padding-left: 10px; padding-right: 10px; } .layout-single-column .dismissable-banner__background-image { - bottom: -35%; - opacity: .3; + display: none; } .layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button.button-tertiary {