diff options
| author | Ajay <[email protected]> | 2023-05-08 20:16:44 -0400 |
|---|---|---|
| committer | Ajay <[email protected]> | 2023-05-08 20:16:44 -0400 |
| commit | 9d6e23d171592cced9ba237575afdcf3956ade4c (patch) | |
| tree | 1da6b354f3bec27a1ec34be49dbb0526385f243a | |
| parent | c6c3bd3a3d14a3e17b78f80824aff9c13d7f850e (diff) | |
| download | SponsorBlock-9d6e23d171592cced9ba237575afdcf3956ade4c.tar.gz SponsorBlock-9d6e23d171592cced9ba237575afdcf3956ade4c.zip | |
Fix margin issue on category pill tooltip
| -rw-r--r-- | public/content.css | 4 | ||||
| -rw-r--r-- | src/render/Tooltip.tsx | 2 |
2 files changed, 5 insertions, 1 deletions
diff --git a/public/content.css b/public/content.css index 0db991c9..2237912d 100644 --- a/public/content.css +++ b/public/content.css @@ -187,6 +187,10 @@ div:hover > .sponsorBlockChapterBar { margin-right: var(--skip-notice-margin); } +.sponsorSkipObjectFirst { + margin-left: 0; +} + .sponsorSkipLogo { height: 18px; diff --git a/src/render/Tooltip.tsx b/src/render/Tooltip.tsx index 7c89dd8e..687ebac3 100644 --- a/src/render/Tooltip.tsx +++ b/src/render/Tooltip.tsx @@ -67,7 +67,7 @@ export class Tooltip { </img> : null} {this.text ? - <span className="sponsorSkipObject"> + <span className={`sponsorSkipObject${!props.showLogo ? ` sponsorSkipObjectFirst` : ``}`}> {this.text + (props.link ? ". " : "")} {props.link ? <a style={{textDecoration: "underline"}} |