diff options
| author |  Katsute <58778985+Katsute@users.noreply.github.com>
| 2023-11-01 12:50:58 -0400 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-11-02 00:50:58 +0800 |
| commit | 77f0031637539d00cb337dc8130265b6a064718c (patch) | |
| tree | eaa701968cd7cd33e1cf4abd02f178dbb9544151 | |
| parent | 99870230d853498feb1be39b7a9df6f7526c5a74 (diff) | |
| download | refined-github-77f0031637539d00cb337dc8130265b6a064718c.tar.gz refined-github-77f0031637539d00cb337dc8130265b6a064718c.tar.zst refined-github-77f0031637539d00cb337dc8130265b6a064718c.zip | |
`small-user-avatars` - Adjust spacing (#7004)
Co-authored-by: Federico Brigante <me@fregante.com>
| -rw-r--r-- | source/features/highlight-collaborators-and-own-conversations.css | 5 | ||||
| -rw-r--r-- | source/features/small-user-avatars.css | 5 | ||||
| -rw-r--r-- | source/features/small-user-avatars.tsx | 4 |
3 files changed, 7 insertions, 7 deletions
diff --git a/source/features/highlight-collaborators-and-own-conversations.css b/source/features/highlight-collaborators-and-own-conversations.css index 534be3ee..f2858c3d 100644 --- a/source/features/highlight-collaborators-and-own-conversations.css +++ b/source/features/highlight-collaborators-and-own-conversations.css @@ -2,4 +2,9 @@ border: 1px solid var(--color-border-default); border-radius: 2em; padding: 2px 5px; + + .rgh-small-user-avatars { + margin-left: -3px; + margin-right: 2px !important; + } } diff --git a/source/features/small-user-avatars.css b/source/features/small-user-avatars.css deleted file mode 100644 index 993b7873..00000000 --- a/source/features/small-user-avatars.css +++ /dev/null @@ -1,5 +0,0 @@ -/* Adjust `highlight-collaborators-and-own-conversations` styles */ -.rgh-collaborator .rgh-small-user-avatars { - margin-left: -3px; - margin-right: 2px !important; -} diff --git a/source/features/small-user-avatars.tsx b/source/features/small-user-avatars.tsx index f01c9cde..dfaa45c4 100644 --- a/source/features/small-user-avatars.tsx +++ b/source/features/small-user-avatars.tsx @@ -1,4 +1,3 @@ -import './small-user-avatars.css'; import React from 'dom-chef'; import onetime from 'onetime'; @@ -29,6 +28,7 @@ function addMentionAvatar(link: HTMLElement): void { link.prepend( <img className="avatar avatar-user mb-1 mr-1 rgh-small-user-avatars" + style={{marginLeft: 1}} src={getUserAvatarURL(username, size)!} width={size} height={size} @@ -56,7 +56,7 @@ Test URLs: https://github.com/notifications/subscriptions https://github.com/refined-github/refined-github/issues -https://github.com/refined-github/refined-github/issues/6919 +https://github.com/refined-github/refined-github/pull/7004 https://github.com/refined-github/refined-github/releases https://github.com/refined-github/refined-github/releases/tag/23.9.21 https://github.com/orgs/community/discussions/5841#discussioncomment-1450320 |