diff --git a/public/content.css b/public/content.css index aa297e95..060d98de 100644 --- a/public/content.css +++ b/public/content.css @@ -558,7 +558,6 @@ input::-webkit-inner-spin-button { .sponsorBlockRectangleTooltip { position: absolute; - background-color: rgba(28, 28, 28, 0.7); border-radius: 5px; padding: 10px; min-width: 250px; diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index 08b80479..774c9b90 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -284,6 +284,7 @@ class SponsorTimeEditComponent extends React.Component {Config.config.scrollToEditTimeUpdate = true} }); diff --git a/src/render/RectangleTooltip.tsx b/src/render/RectangleTooltip.tsx index be929f35..d08e260e 100644 --- a/src/render/RectangleTooltip.tsx +++ b/src/render/RectangleTooltip.tsx @@ -12,6 +12,7 @@ export interface RectangleTooltipProps { htmlId?: string, maxHeight?: string, maxWidth?: string, + backgroundColor?: string, buttonFunction?: () => void; } @@ -26,6 +27,7 @@ export class RectangleTooltip { props.leftOffset ??= "0px"; props.maxHeight ??= "100px"; props.maxWidth ??= "300px"; + props.backgroundColor ??= "rgba(28, 28, 28, 0.7)"; this.text = props.text; this.container = document.createElement('div'); @@ -48,7 +50,8 @@ export class RectangleTooltip { bottom: props.bottomOffset, left: props.leftOffset, maxHeight: props.maxHeight, - maxWidth: props.maxWidth}} + maxWidth: props.maxWidth, + backgroundColor: props.backgroundColor}} className="sponsorBlockRectangleTooltip" >