sfc-utils 1.4.62 → 1.4.64

package/components/byline.mjs

@@ -13,9 +13,19 @@ const Byline = ({ meta, updateNote, updatePrefix, ReplacementTime }) => {
   } = meta
   const has_authors = AUTHORS[0].AUTHOR_NAME !== ""
 
+  // check the width of the byline wrapper. if it's less than @md or 672px, 
+  // change the display type to "block" to avoid large white spaces with
+  // the gift button
+  if (typeof window !== "undefined" && typeof document !== "undefined") {
+    let bylineContainer = document.getElementById("byline-wrapper")
+    if (bylineContainer && bylineContainer.offsetWidth < 672) {
+      bylineContainer.style.display = "block"
+    }
+  }
+
   return (
     <>
-      <div className="byline-wrapper">
+      <div className="byline-wrapper" id="byline-wrapper">
         <div className="byline">
           {has_authors &&
             <>
@@ -77,12 +87,12 @@ const Byline = ({ meta, updateNote, updatePrefix, ReplacementTime }) => {
           {ReplacementTime &&
             <ReplacementTime />
           }
-          
+
           {/* Add a note if this is a live-updating project */}
           {updateNote && (
             <>
               <span>{" "}|{" "}</span>
-              <span className="topper-update-note">{updateNote}</span> 
+              <span className="topper-update-note">{updateNote}</span>
             </>
           )}
         </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sfc-utils",
-  "version": "1.4.62",
+  "version": "1.4.64",
   "author": "ewagstaff <evanjwagstaff@gmail.com>",
   "dependencies": {
     "archieml": "^0.4.2",
@@ -14,4 +14,4 @@
     "react-transition-group": "^4.4.5",
     "write": "^2.0.0"
   }
-}
+}