diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index 72d3e44fc..144f3c824 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -292,11 +292,13 @@ class SponsorTimeEditComponent extends React.Component {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 d08e260e9..1887cbbcf 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" >