made the tool tip fully opaque for better readability

This commit is contained in:
FlorianZahn
2021-10-04 21:37:15 +02:00
parent 1ad60720df
commit c571a9ecb6
3 changed files with 5 additions and 2 deletions

View File

@@ -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" >
<div>
<img className="sponsorSkipLogo sponsorSkipObject"