@openeventkit/event-site 2.0.47 → 2.0.48

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.47",
+  "version": "2.0.48",
   "author": "Tipit LLC",
   "dependencies": {
     "@mui/base": "^5.0.0-alpha.114",

package/src/components/HeroComponent.js

@@ -9,7 +9,7 @@ const HeroComponent = ({ title, subtitle, event, redirectTo, options = {} }) =>
   }, [redirectTo]);
 
   return (
-    <section className={`hero is-fullheight ${event ? 'talk__break' : ''}`}>
+    <section className={`hero ${event ? 'talk__break' : 'is-fullheight'}`}>
       <div className="hero-body hero-component">
         <div className={`${event ? '' : 'container has-text-centered'}`}>
           <h1 className="title">{title}</h1>

package/src/styles/style.scss

@@ -241,9 +241,8 @@ h2 {
 
   &__break {
     background-color: var(--color_secondary);
-    min-height: 92vh !important;
     width: 100%;
-    padding: 0 3rem;
+    aspect-ratio: auto 16 / 9;
 
     h1,
     h2 {
@@ -306,6 +305,10 @@ h2 {
     align-items: flex-end;
   }
 
+  .hero-body {
+    align-items: center;
+    display: flex;
+  }
 }
 
 .join-zoom-container {
@@ -504,12 +507,6 @@ div.event-feedback-container {
     }
   }
 
-  .talk {
-    &__break {
-      height: auto;
-    }
-  }
-
   .join-zoom-container {
     flex-direction: column;
     height: 100px;
@@ -563,14 +560,6 @@ div.event-feedback-container {
   }
 }
 
-@media (min-width: 1921px) {
-  .talk {
-    &__break {
-      min-height: 100vh !important;
-    }
-  }
-}
-
 /* extra questions */
 [id^="chl_wrapper"] {
   .checkboxes-div {

package/src/templates/event-page.js

@@ -103,17 +103,7 @@ export const EventPageTemplate = class extends React.Component {
     return (
       <React.Fragment>
         {/* <EventHeroComponent /> */}
-        <section
-          className="section px-0 py-0"
-          style={{
-            marginBottom:
-              event.class_name !== "Presentation" ||
-              currentPhase < PHASES.DURING ||
-              !event.streaming_url
-                ? "-3rem"
-                : "",
-          }}
-        >
+        <section className="section px-0 py-0">
           <div className="columns is-gapless">
             {this.canRenderVideo(currentPhase) ? (
               <div className="column is-three-quarters px-0 py-0">