Merge pull request #1014 from C2DH/develop

v6.2.3

Author: eliselavy

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jdh",
-  "version": "6.2.2",
+  "version": "6.2.3",
   "private": true,
   "type": "module",
   "packageManager": "yarn@4.12.0",
@@ -45,6 +45,7 @@
     "@visx/axis": "^1.3.0",
     "@visx/curve": "^1.0.0",
     "@visx/shape": "^1.3.0",
+    "@visx/text": "^3.12.0",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitejs/plugin-react-refresh": "^1.3.6",
     "@vitejs/plugin-rsc": "^0.5.9",
@@ -97,6 +98,7 @@
     "react-spring": "^9.1.2",
     "react-use-gesture": "^9.1.3",
     "react-window": "^1.8.5",
+    "rollup": "^4.59.0",
     "sass": "~1.64.2",
     "source-map-explorer": "^2.4.2",
     "tabbable": "^6.2.0",

src/components/Article/ArticleCellOutputsAsIframe.jsx

@@ -58,7 +58,7 @@ const ArticleCellOutputsAsIframe = ({
           // text/html
           if (output.data['text/html']) {
             if (Array.isArray(output.data['text/html'])) {
-              acc.push(...output.data['text/html'])
+              acc = acc.concat(output.data['text/html']);
             } else {
               acc.push(output.data['text/html'])
             }

src/dashboard/pages/Detail.tsx

@@ -114,9 +114,11 @@ const Detail = ({ endpoint }) => {
               ''
             )}
           </div>
-          {contactFields.map(({ label, value }) => (
-            <FieldRow key={label} label={label} value={value} />
-          ))}
+          <div className="contact-info">
+            {contactFields.map(({ label, value }) => (
+              <FieldRow key={label} label={label} value={value} />
+            ))}
+          </div>
         </SmallCard>
         <div className="card-authors">
           {authors.length > 0 ? (

src/dashboard/styles/pages/detail.css

@@ -22,6 +22,7 @@
   grid-template-columns: max-content max-content;
   align-items: center;
   justify-content: space-between;
+  gap: var(--gap-size-1);
 }
 
 /* FieldRow css */
@@ -31,7 +32,8 @@
 }
 
 .label {
-  text-align: left;
+  text-align: right;
+  margin-right: var(--gap-size-5);
   min-width: 150px;
   font-weight: bold;
 }
@@ -80,24 +82,25 @@ a {
   opacity: 0.6;
 }
 
-/* AUTHOR  */
-.author-info {
+.contact-info {
   display: flex;
   flex-direction: column;
   gap: var(--gap-size-1);
 }
 
-.author-info > .item > .label {
-  min-width: 50px;
+/* AUTHOR  */
+.author-info {
+  display: flex;
+  align-items: start;
+  flex-direction: column;
+  gap: var(--gap-size-1);
 }
 
 .author-info > .item > .value {
-  margin-left: var(--gap-size-0);
-  max-width: 150px;
+  flex-grow: 1;
 }
 
 /* RESPONSIVE */
-
 @media (min-width: 2000px) {
   .detail-grid {
     display: grid;
@@ -131,7 +134,7 @@ a {
 }
 
 /* Tablet or small screen view */
-@media (max-width: 1200px) {
+@media (max-width: 1300px) {
   .detail-grid {
     display: grid;
     grid-template-areas:
@@ -160,6 +163,7 @@ a {
   .author-info > .item > .value {
     margin-left: var(--gap-size-0);
     max-width: 100%;
+    padding: 0;
   }
 }
 
@@ -169,14 +173,8 @@ a {
     display: flex;
     flex-direction: column;
     gap: var(--gap-size-2);
-    grid-template-areas:
-      'i'
-      'l'
-      'c'
-      'a'
-      'a'
-      'u';
   }
+
   a {
     text-overflow: ellipsis;
     overflow: hidden;