Add divider content for metadata field in Banner

(cherry picked from commit f1e34bd)
eea · Mar 21, 2022 · 327ad1c · 327ad1c
1 parent 47f19cf
commit 327ad1c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/theme/themes/eea/extras/banner.less b/theme/themes/eea/extras/banner.less
@@ -36,6 +36,10 @@
         font-size: @mobileMetadataFontSize;
         line-height: @mobileMetadataLineHeight;
         font-weight: @metadataFontWeight;
+
+        span.field:not(:last-child)::after {
+          content: @metadataFieldDividerContent;
+        }
       }
 
       .actions {

diff --git a/theme/themes/eea/extras/banner.variables b/theme/themes/eea/extras/banner.variables
@@ -37,6 +37,8 @@
 @tabletMetadataFontSize    : 0.875rem;
 @mobileMetadataLineHeight  : 0.5rem;
 @tabletMetadataLineHeight  : 1rem;
+// Metadata field
+@metadataFieldDividerContent: ' | ';
 
 /* Actions */
 @mobileActionsAlignItems                 : center;