refactoring: typescript images importing error

.gitignore

@@ -10,6 +10,7 @@ dist/
 /config.js
 .cache
 coverage/
+.vscode/
 
 # local deployment files
 /deploy.sh

vis/js/templates/Paper.tsx

@@ -550,10 +550,13 @@ const getEnlargeFactor = (offsetWidth, scrollHeight) => {
 };
 
 const getMetadataHeight = (realHeight, numOfLabels, isZoomed) => {
-  let readersHeight = 12;
+  let readersHeight = 0;
 
   if (numOfLabels && isZoomed) {
-    readersHeight += numOfLabels * 12;
+    readersHeight += numOfLabels * 12 + 12;
+  }
+  if (numOfLabels && !isZoomed) {
+    readersHeight += 12;
   }
 
   const height = realHeight - readersHeight;

vis/js/templates/modals/infomodal/OrcidInfo.tsx

@@ -77,6 +77,15 @@ const OrcidInfo = ({
           </a>, and
           the information supplied by the researcher on their ORCID profile.
           Results may be impacted by accuracy and completeness of this data.
+          Please note that the data provided by Altmetric ("social media 
+          mentions" and "references outside of academia") are protected by 
+          copyright and other proprietary rights, as outlined in their <a
+            target="_blank"
+            rel="noreferrer"
+            href="https://www.altmetric.com/terms-of-use/"
+          >
+            Terms of Use
+          </a>.
         </p>
 
         <AboutSoftware />

vis/stylesheets/modules/map/_header.scss

@@ -1,13 +1,13 @@
 #title_context {
     display: flex;
     align-items: flex-start;
-    padding-top: 15px;
     padding-left: 50px;
 }
 
 #subdiscipline_title {
     position: relative;
     margin: 0px;
+    padding-top: 15px;
     flex-grow: 1;
     min-height: 54px;
     font-family: $base-font-family;
@@ -195,6 +195,7 @@
     vertical-align: middle;
     margin: 0px; /*former margin-right*/
     padding-right: 8px;
+    padding-top: 15px;
 }
 
 #author_bio a {
@@ -207,6 +208,10 @@
 }
 
 @media screen and (max-width: 640px) {
+    #title_context {
+        padding-left: 0px;
+    }
+
     #subdiscipline_title {
         padding-left: 20px;
         font-size: 14px;
@@ -216,6 +221,10 @@
         }
     }
 
+    #title_image {
+        padding-left: 50px;
+    }
+
     #context {
         font-size: 11px;
     }

vis/stylesheets/modules/map/_papers.scss

@@ -121,9 +121,9 @@
     .stat {
         font-size: 9px;
         line-height: 100%;
-        margin-bottom: 2px;
-        padding-left: 2px;
-        padding-right: 2px;
+        // margin-bottom: 2px;
+        // padding-left: 2px;
+        // padding-right: 2px;
         text-align: left;
         vertical-align: text-bottom;
         font-family: $special-font-family;

vis/types/declarations/images.d.ts

@@ -0,0 +1,34 @@
+declare module "*.png" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.jpg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.jpeg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.gif" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.svg" {
+  const content: any;
+  export default content;
+}
+
+declare module "*.webp" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.avif" {
+  const value: string;
+  export default value;
+}