techhub/mastodon
2
0
Fork 0
Code Activity

Add new plain (text-only) button variant (#36002)

Browse Source
This commit is contained in:
diondiondion
2025-09-03 14:34:29 +02:00
committed by GitHub
parent c1542643f5
commit bc952ebde9
3 changed files with 55 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/javascript/styles/mastodon/components.scss
View File

@@ -201,6 +201,41 @@
}
}
&.button--plain {
color: $highlight-text-color;
background: transparent;
padding: 6px;
// The button has no outline, so we use negative margin to
// visually align its label with its surroundings while maintaining
// a generous click target
margin-inline: -6px;
border: 1px solid transparent;
&:active,
&:focus,
&:hover {
border-color: transparent;
color: lighten($highlight-text-color, 4%);
background-color: transparent;
text-decoration: none;
}
&:disabled,
&.disabled {
opacity: 0.7;
border-color: transparent;
color: $ui-button-disabled-color;
&:active,
&:focus,
&:hover {
border-color: transparent;
color: $ui-button-disabled-color;
}
}
}
&.button-tertiary {
background: transparent;
padding: 6px 17px;