chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added look for onboarding banners

Browse source
This commit is contained in:
Niléane 2023-09-21 20:23:51 +02:00
commit c9b2bd51cc
No known key found for this signature in database
4 changed files with 8 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

5
TangerineUI-purple.css
View file

@ -2724,13 +2724,12 @@ body.layout-single-column {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { .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-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
.layout-single-column .dismissable-banner__background-image { .layout-single-column .dismissable-banner__background-image {
bottom: -35%; display: none;
opacity: .3;
} }
.layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button,
.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { .layout-single-column .dismissable-banner__message__actions .button.button-tertiary {

5
TangerineUI.css
View file

@ -2724,13 +2724,12 @@ body.layout-single-column {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { .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-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
.layout-single-column .dismissable-banner__background-image { .layout-single-column .dismissable-banner__background-image {
bottom: -35%; display: none;
opacity: .3;
} }
.layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button,
.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { .layout-single-column .dismissable-banner__message__actions .button.button-tertiary {

5
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -2724,13 +2724,12 @@ body.layout-single-column {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { .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-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
.layout-single-column .dismissable-banner__background-image { .layout-single-column .dismissable-banner__background-image {
bottom: -35%; display: none;
opacity: .3;
} }
.layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button,
.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { .layout-single-column .dismissable-banner__message__actions .button.button-tertiary {

5
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -2724,13 +2724,12 @@ body.layout-single-column {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { .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-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
.layout-single-column .dismissable-banner__background-image { .layout-single-column .dismissable-banner__background-image {
bottom: -35%; display: none;
opacity: .3;
} }
.layout-single-column .dismissable-banner__message__actions .button, .layout-single-column .dismissable-banner__message__actions .button,
.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { .layout-single-column .dismissable-banner__message__actions .button.button-tertiary {