diff options
| -rw-r--r-- | src/components/SponsorTimeEditComponent.tsx | 6 | ||||
| -rw-r--r-- | src/render/RectangleTooltip.tsx | 5 |
2 files changed, 8 insertions, 3 deletions
diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index 72d3e44f..144f3c82 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -292,11 +292,13 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo referenceNode: element.parentElement, prependElement: element, timeout: 15, - bottomOffset: 75 + "px", + bottomOffset: 0 + "px", leftOffset: -318 + "px", backgroundColor: "rgba(28, 28, 28, 1.0)", htmlId: "sponsorTimesContainer" + this.idSuffix, - buttonFunction: () => {Config.config.scrollToEditTimeUpdate = true} + buttonFunction: () => { Config.config.scrollToEditTimeUpdate = true }, + fontSize: "14px", + maxHeight: "200px" }); } } diff --git a/src/render/RectangleTooltip.tsx b/src/render/RectangleTooltip.tsx index d08e260e..1887cbbc 100644 --- a/src/render/RectangleTooltip.tsx +++ b/src/render/RectangleTooltip.tsx @@ -13,6 +13,7 @@ export interface RectangleTooltipProps { maxHeight?: string, maxWidth?: string, backgroundColor?: string, + fontSize?: string, buttonFunction?: () => void; } @@ -29,6 +30,7 @@ export class RectangleTooltip { props.maxWidth ??= "300px"; props.backgroundColor ??= "rgba(28, 28, 28, 0.7)"; this.text = props.text; + props.fontSize ??= "10px"; this.container = document.createElement('div'); props.htmlId ??= props.text; @@ -51,7 +53,8 @@ export class RectangleTooltip { left: props.leftOffset, maxHeight: props.maxHeight, maxWidth: props.maxWidth, - backgroundColor: props.backgroundColor}} + backgroundColor: props.backgroundColor, + fontSize: props.fontSize}} className="sponsorBlockRectangleTooltip" > <div> <img className="sponsorSkipLogo sponsorSkipObject" |