Status: improve "pinned" icon

3 years ago · 79f878db97
parent 0aa36c70bd
commit 79f878db97
2 changed files with 11 additions and 1 deletions
--- a/app/soapbox/components/status.js
+++ b/app/soapbox/components/status.js
@ -353,7 +353,7 @@ class Status extends ImmutablePureComponent {
      prepend = (
        <div className='status__prepend'>
          <div className='status__prepend-icon-wrapper'>
-            <Icon src={require('@tabler/icons/icons/pin.svg')} className='status__prepend-icon' />
+            <Icon src={require('@tabler/icons/icons/pinned.svg')} className='status__prepend-icon status__prepend-icon--pinned' />
          </div>
          <FormattedMessage id='status.pinned' defaultMessage='Pinned post' />
        </div>
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@ -149,6 +149,16 @@
  }
 }

+.status__prepend-icon--pinned.svg-icon {
+  width: 18px;
+  height: 18px;
+  margin-top: -1px;
+
+  svg {
+    stroke-width: 1.5px;
+  }
+}
+
 .status {
  padding: 8px 10px;
  padding-left: 68px;