Fix tertiary buttons
This commit is contained in:
parent
04004f86cf
commit
67b021f613
20
style.css
20
style.css
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user