sfc-utils 1.4.19 → 1.4.21

package/components/topper2.mjs

@@ -116,7 +116,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
         defaultStyles = ["left"];
         break;
       case "full-screen":
-        defaultStyles = [topperStyles.hedFullScreen, fullScreenTextAlignCss()];
+        defaultStyles = [topperStyles.hedFullScreen, fullScreenTextAlignCss(), textDecorationCss()];
         break;
       case "side-by-side":
       case "side-by-side-portrait":
@@ -141,7 +141,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
       case "no-visual":
         return ["deck left"];
       case "full-screen":
-        return ["deck", topperStyles.deckFullScreen, fullScreenTextAlignCss()];
+        return ["deck", topperStyles.deckFullScreen, fullScreenTextAlignCss(), textDecorationCss()];
       case "side-by-side":
       case "side-by-side-portrait":
         return ["deck left"];
@@ -159,6 +159,10 @@ const Topper2 = ({ settings, wcmData, mods }) => {
     }
   }
 
+  /** Add styling for drop shadow on white text for full-screen toppers */
+  const textDecorationCss = () => {
+    return (Inverted_Colors === "white-text-no-bg") ? topperStyles.dropshadow : "";
+  }
   /** Add styling for text color on topper slideshow captions. Note that the credits 
    * are grey when the caption is black and white when the captions are white. */
   const sideBySideCapCredColorCss = () => {
@@ -198,6 +202,8 @@ const Topper2 = ({ settings, wcmData, mods }) => {
 
   /** Converts string from spreadsheet into a list and pads the list if the length is incorrect */
   const convertStringToList = (str, size) => {
+    if (!str.includes(";")) return [];
+
     var list = str.split(";");
     if (list.length === size) return list;
 

package/package.json

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

package/styles/modules/topper2.module.less

@@ -313,6 +313,10 @@
   }
 }
 
+.dropshadow {
+  text-shadow: 1px 1px 10px rgba(0, 0, 0, .4)
+}
+
 .hideWhenTablet {
   @media @tablet {
     display: none;