Merge pull request #1018 from FlorianZahn/fontSizeFixTooltip

Makes rectangleTooltip fontSize bigger
ajayyy · Nov 2, 2021 · 752e515 · 752e515
2 parents ca0f68b + 41be51b
commit 752e515
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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"