From ec2fca774a7bcc163328a18c76ade90c42008265 Mon Sep 17 00:00:00 2001
From: Rainer Simon <aboutgeo@gmail.com>
Date: Tue, 30 Mar 2021 10:43:18 +0200
Subject: [PATCH] Tag widget style fix: widget now hidden when empty

---
 src/editor/widgets/tag/TagWidget.jsx        | 36 ++++++++++-----------
 themes/default/editor/widgets/tag/_tag.scss |  2 +-
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/editor/widgets/tag/TagWidget.jsx b/src/editor/widgets/tag/TagWidget.jsx
index ea49d0a..461cfa5 100644
--- a/src/editor/widgets/tag/TagWidget.jsx
+++ b/src/editor/widgets/tag/TagWidget.jsx
@@ -61,27 +61,25 @@ const TagWidget = props => {
 
   return (
     <div className="r6o-widget r6o-tag">
-      <div>
-        { tags.length > 0 &&
-          <ul className="r6o-taglist">
-            { tags.map(tag =>
-              <li key={tag.value} onClick={toggle(tag.value)}>
-                <span className="r6o-label">{tag.value}</span>
+      { tags.length > 0 &&
+        <ul className="r6o-taglist">
+          { tags.map(tag =>
+            <li key={tag.value} onClick={toggle(tag.value)}>
+              <span className="r6o-label">{tag.value}</span>
 
-                {!props.readOnly &&
-                  <CSSTransition in={showDelete === tag.value} timeout={200} classNames="r6o-delete">
-                    <span className="r6o-delete-wrapper" onClick={onDelete(tag)}>
-                      <span className="r6o-delete">
-                        <CloseIcon width={12} />
-                      </span>
+              {!props.readOnly &&
+                <CSSTransition in={showDelete === tag.value} timeout={200} classNames="r6o-delete">
+                  <span className="r6o-delete-wrapper" onClick={onDelete(tag)}>
+                    <span className="r6o-delete">
+                      <CloseIcon width={12} />
                     </span>
-                  </CSSTransition>
-                }
-              </li>
-            )}
-          </ul>
-        }
-      </div>
+                  </span>
+                </CSSTransition>
+              }
+            </li>
+          )}
+        </ul>
+      }
 
       {!props.readOnly &&
         <Autocomplete
diff --git a/themes/default/editor/widgets/tag/_tag.scss b/themes/default/editor/widgets/tag/_tag.scss
index 2021791..01d62e3 100644
--- a/themes/default/editor/widgets/tag/_tag.scss
+++ b/themes/default/editor/widgets/tag/_tag.scss
@@ -1,4 +1,4 @@
-.r6o-tags:empty {
+.r6o-widget.r6o-tag:empty {
   display:none;
 }