aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorFlorianZahn <[email protected]>2021-10-19 21:38:44 +0200
committerFlorianZahn <[email protected]>2021-10-19 21:38:44 +0200
commit95fe1eef6f6fdb6fefd25b459a9e67f8385567bd (patch)
tree59da20b2a1a268d2e5c4939a397f125d700d2e72
parent510db57666708a9cfaf643ac6632efb711a5cdd3 (diff)
downloadSponsorBlock-95fe1eef6f6fdb6fefd25b459a9e67f8385567bd.tar.gz
SponsorBlock-95fe1eef6f6fdb6fefd25b459a9e67f8385567bd.zip
Makes rectangleTooltip fontSize bigger
-rw-r--r--src/components/SponsorTimeEditComponent.tsx7
-rw-r--r--src/render/RectangleTooltip.tsx5
2 files changed, 9 insertions, 3 deletions
diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx
index 371228dd..ae185b58 100644
--- a/src/components/SponsorTimeEditComponent.tsx
+++ b/src/components/SponsorTimeEditComponent.tsx
@@ -288,11 +288,14 @@ 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"