sfc-utils 1.4.17 → 1.4.19

package/components/topper2.mjs

@@ -48,8 +48,8 @@ const Topper2 = ({ settings, wcmData, mods }) => {
           fullScreenVerticalCss(),
           // Add style override for center-center position (if applicable)
           fullScreenCenterCenterCss(),
-          // Add styling for header-deck container background
-          ... (Inverted_Colors === "black-text-white-bg") ? [topperStyles.blackTextWhiteBg] : [topperStyles.whiteTextBlackBg]
+          // Add styling for header-deck container text and background color
+          fullScreenHedDekContainerCss()
         ];
       case "side-by-side":
         return [
@@ -87,6 +87,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
     }
   }
 
+  /** get additional positioning css for full screen center-center header-deck container **/
   const fullScreenCenterCenterCss = () => {
     return (
       HeaderDek_Horizontal_Position === "center" &&
@@ -94,6 +95,16 @@ const Topper2 = ({ settings, wcmData, mods }) => {
     ) ? topperStyles.headerDekCenterCenter : "";
   }
 
+  /** get css for full screen header-deck container text and background color **/
+  const fullScreenHedDekContainerCss = () => {
+    switch (Inverted_Colors) {
+      case "black-text-white-bg": return topperStyles.blackTextWhiteBg;
+      case "white-text-black-bg": return topperStyles.whiteTextBlackBg;
+      case "black-text-no-bg": return topperStyles.blackTextNoBg;
+      case "white-text-no-bg": return topperStyles.whiteTextNoBg;
+    }
+  }
+
   const headerStyleList = () => {
     let defaultStyles = [];
     switch (Topper_Style) {

package/components/topperimage.mjs

@@ -63,7 +63,7 @@ const TopperImage = ({ wcm, alt, ratio, wcmData, containerCssList = [], imageCss
   let photoRatio = "56.25%"; // Default to 16/9
   let photoFraction = 0.5625;
   let photoViewport = "56.25vw";
-  let fullPath = `https://s.hdnux.com/photos/0/0/0/${wcm}/0/`;
+  let fullPath = `https://s.hdnux.com/photos/0/0/0/${wcm}/1/`;
   if (!ratio) {
     let matchedPhoto = wcmData.nodes.find((item) => {
       return (item.photo.wcmid).toString() === (wcm).toString()
@@ -108,7 +108,9 @@ const TopperImage = ({ wcm, alt, ratio, wcmData, containerCssList = [], imageCss
 
   return (
     <div className={containerCssList.join(' ')} ref={picRef}>
-      <ImageHTML fullPath={fullPath} imageRez={imageRez} alt={alt} imageCssList={imageCssList} />
+      {imageRez > 0 &&
+        <ImageHTML fullPath={fullPath} imageRez={imageRez} alt={alt} imageCssList={imageCssList} />
+      }
     </div>
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sfc-utils",
-  "version": "1.4.17",
+  "version": "1.4.19",
   "author": "ewagstaff <evanjwagstaff@gmail.com>",
   "dependencies": {
     "archieml": "^0.4.2",

package/styles/modules/topper2.module.less

@@ -301,6 +301,18 @@
   background-color: rgba(255, 255, 255, 0.54);
 }
 
+.blackTextNoBg {
+  color: @black;
+}
+
+.whiteTextNoBg {
+  color: @white;
+
+  @media @tablet {
+    color: @black;
+  }
+}
+
 .hideWhenTablet {
   @media @tablet {
     display: none;