Button: remove text-decoration when wrapped with a <Link/>

2021-10-14 08:22:17 -05:00
parent 73e4d00cc2
commit 65891a904c
2 changed files with 5 additions and 1 deletions
--- a/app/soapbox/components/button.js
+++ b/app/soapbox/components/button.js
@ -66,7 +66,7 @@ export default class Button extends React.PureComponent {

    if (this.props.to) {
      return (
-        <Link to={this.props.to} tabIndex={-1}>
+        <Link to={this.props.to} tabIndex={-1} className='button__link'>
          {btn}
        </Link>
      );
--- a/app/styles/components/buttons.scss
+++ b/app/styles/components/buttons.scss
@ -37,6 +37,10 @@ button {
    margin-right: 5px;
  }

+  &__link {
+    text-decoration: none;
+  }
+
  &:active,
  &:focus,
  &:hover {