fix: tooltip width photoinformation

src/components/helpers/tooltip/Tooltip.jsx

@@ -10,16 +10,18 @@ function Tooltip({ children, title, style, placement, subtitle }) {
   });
 
   return (
-    <div
-      className="tooltip"
-      style={style}
-      onMouseEnter={() => setShowTooltip(true)}
-      onMouseLeave={() => setShowTooltip(false)}
-      onFocus={() => setShowTooltip(true)}
-      onBlur={() => setShowTooltip(false)}
-      ref={reference}
-    >
-      {children}
+    <>
+      <div
+        className="tooltip"
+        style={style}
+        onMouseEnter={() => setShowTooltip(true)}
+        onMouseLeave={() => setShowTooltip(false)}
+        onFocus={() => setShowTooltip(true)}
+        onBlur={() => setShowTooltip(false)}
+        ref={reference}
+      >
+        {children}
+      </div>
       {showTooltip && (
         <span
           ref={floating}
@@ -36,7 +38,7 @@ function Tooltip({ children, title, style, placement, subtitle }) {
           <span style={{ fontSize: '8px' }}>{subtitle}</span>
         </span>
       )}
-    </div>
+    </>
   );
 }
 

src/components/widgets/background/scss/_photoinformation.scss

@@ -199,6 +199,7 @@
 
 .photoInformation {
   @extend %basic;
+  animation: fadeIn 2s;
   min-width: 300px;
   font-size: 0.8em;
   font-weight: 300;
@@ -361,3 +362,12 @@
     @include basicIconButton(11px, 1.3rem, ui);
   }
 }
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}