Fix Event CSS styiling and in responsive

kitconcept · Nov 20, 2024 · 2ecbba2 · 2ecbba2
1 parent 7e924ce
commit 2ecbba2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/volto-light-theme/src/theme/_layout.scss b/packages/volto-light-theme/src/theme/_layout.scss
@@ -188,7 +188,6 @@ External link removal for all the blocks.
   & > .block.image.align.right.small,
   & > .block.video.align.center .video-inner,
   & > .block.maps.align.center .maps-inner,
-  .event-details,
   .download-event,
   .block.separator.has--align--left .line,
   .block.separator.has--align--center .line,

diff --git a/packages/volto-light-theme/src/theme/blocks/_eventMetadata.scss b/packages/volto-light-theme/src/theme/blocks/_eventMetadata.scss
@@ -29,6 +29,9 @@
             font-size: 24px;
             font-weight: 300;
             line-height: 33px;
+            overflow-wrap: break-word;
+            word-break: break-word;
+            word-wrap: break-word;
             p,
             a {
               margin-top: 10px;
@@ -46,6 +49,10 @@
           }
         }
       }
+
+      @container (max-width: #{$largest-mobile-screen} ) {
+        flex-direction: column;
+      }
     }
     .event-button {
       padding-top: 50px;