refactor logic because UE saves after each field, and for some reason background-color gets called twice and returns null on second pass

Author: joannehoazadobe

blocks/columns/columns.js

@@ -17,8 +17,8 @@ export default function decorate(block) {
   const ueTextColorAttr = columnsChild?.getAttribute('data-text-color');
   console.log('textColorAttr in columns row UE', ueTextColorAttr);
 
-  if (ueBkgdColorAttr && ueBkgdColorAttr != null && block.style.backgroundColor && block.style.backgroundColor !== '') block.style.backgroundColor = ueBkgdColorAttr;
-  if (ueTextColorAttr && ueTextColorAttr != null && block.style.color && block.style.color !== '') block.style.color = ueTextColorAttr;
+  if (ueBkgdColorAttr && ueBkgdColorAttr != null && block.style.backgroundColor && block.style.backgroundColor == null) block.style.backgroundColor = ueBkgdColorAttr;
+  if (ueTextColorAttr && ueTextColorAttr != null && block.style.color && block.style.color == null) block.style.color = ueTextColorAttr;
 
   const cols = [...block.firstElementChild.children];
   block.classList.add(`columns-${cols.length}-cols`);