Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-07 03:57:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1018 from FlorianZahn/fontSizeFixTooltip

Browse Source 
Makes rectangleTooltip fontSize bigger
This commit is contained in:
Ajay Ramachandran
2021-11-02 00:08:26 -04:00
committed by GitHub
parent ca0f68bb7d 41be51b384
commit 752e515a1c
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/SponsorTimeEditComponent.tsx
View File

@@ -292,11 +292,13 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
referenceNode: element.parentElement, referenceNode: element.parentElement,
prependElement: element, prependElement: element,
timeout: 15, timeout: 15,
bottomOffset: 75 + "px", bottomOffset: 0 + "px",
leftOffset: -318 + "px", leftOffset: -318 + "px",
backgroundColor: "rgba(28, 28, 28, 1.0)", backgroundColor: "rgba(28, 28, 28, 1.0)",
htmlId: "sponsorTimesContainer" + this.idSuffix, htmlId: "sponsorTimesContainer" + this.idSuffix,
buttonFunction: () => {Config.config.scrollToEditTimeUpdate = true} buttonFunction: () => { Config.config.scrollToEditTimeUpdate = true },
fontSize: "14px",
maxHeight: "200px"
}); });
} }
} }

5
src/render/RectangleTooltip.tsx
View File

@@ -13,6 +13,7 @@ export interface RectangleTooltipProps {
maxHeight?: string, maxHeight?: string,
maxWidth?: string, maxWidth?: string,
backgroundColor?: string, backgroundColor?: string,
fontSize?: string,
buttonFunction?: () => void; buttonFunction?: () => void;
} }
@@ -29,6 +30,7 @@ export class RectangleTooltip {
props.maxWidth ??= "300px"; props.maxWidth ??= "300px";
props.backgroundColor ??= "rgba(28, 28, 28, 0.7)"; props.backgroundColor ??= "rgba(28, 28, 28, 0.7)";
this.text = props.text; this.text = props.text;
props.fontSize ??= "10px";
this.container = document.createElement('div'); this.container = document.createElement('div');
props.htmlId ??= props.text; props.htmlId ??= props.text;
@@ -51,7 +53,8 @@ export class RectangleTooltip {
left: props.leftOffset, left: props.leftOffset,
maxHeight: props.maxHeight, maxHeight: props.maxHeight,
maxWidth: props.maxWidth, maxWidth: props.maxWidth,
backgroundColor: props.backgroundColor}} backgroundColor: props.backgroundColor,
fontSize: props.fontSize}}
className="sponsorBlockRectangleTooltip" > className="sponsorBlockRectangleTooltip" >
<div> <div>
<img className="sponsorSkipLogo sponsorSkipObject" <img className="sponsorSkipLogo sponsorSkipObject"