Fix tertiary buttons

This commit is contained in:
Roni Laukkarinen 2023-03-08 19:55:53 +02:00
parent 04004f86cf
commit 67b021f613

View File

@ -903,6 +903,7 @@ body.layout-single-column {
.layout-single-column .ui__header__links .button,
.layout-single-column .compose-form__publish-button-wrapper button {
background-color: var(--color-brand-mastodon);
border-color: var(--color-brand-mastodon);
color: var(--color-light-text);
transition: all 200ms;
}
@ -916,9 +917,28 @@ body.layout-single-column {
.layout-single-column .compose-form__publish-button-wrapper button:hover,
.layout-single-column .compose-form__publish-button-wrapper button:focus {
background-color: var(--color-brand-mastodon-links);
border-color: var(--color-brand-mastodon-links);
color: var(--color-light-text);
}
/* Tertiary button fix */
.layout-single-column .button.button-tertiary {
/* stylelint-disable-next-line */
background-color: transparent !important;
/* stylelint-disable-next-line */
border-color: var(--color-brand-mastodon) !important;
}
.layout-single-column .button.button-tertiary:focus,
.layout-single-column .button.button-tertiary:hover {
/* stylelint-disable-next-line */
background-color: var(--color-brand-mastodon-links) !important;
/* stylelint-disable-next-line */
border: 1px solid var(--color-brand-mastodon-links) !important;
/* stylelint-disable-next-line */
color: var(--color-bg) !important;
}
/* Smaller icon for back button */
.layout-single-column .column-back-button i,
.layout-single-column .column-header__back-button i {