[IMP] website, *: add full height option and scroll down button

*: website_blog, website_event

This commit adds a "Height" option to sections, allowing them to have a
minimum height of the user's choosing (either full screen height or half
screen height, similar to blog covers). Enabling the full screen option
also allows the user to add a "scroll down button" that will scroll down
to the next section, also similar to blog covers.

As such, the classes doing the corresponding things in website_blog and
website_event have been renamed to reuse the same code.

task-2155710

closes odoo/odoo#41623

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

1 files changed, 6 insertions, 6 deletions

diff --git a/addons/website_event/data/event_demo.xml b/addons/website_event/data/event_demo.xml
index dedc2d82d2d..7917506c8cf 100644
--- a/addons/website_event/data/event_demo.xml
+++ b/addons/website_event/data/event_demo.xml
@@ -4,7 +4,7 @@
         <field name="is_published">True</field>
         <field name="twitter_hashtag">DesignFair</field>
         <field name="subtitle">Get Inspired • Stay Connected • Have Fun</field>
-        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_0.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_0.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover o_half_screen_height", "opacity": "0.4"}</field>
         <field name="description"><![CDATA[
             <div class="oe_structure">
                 <h5>Join us for this 3-day Event</h5>
@@ -44,14 +44,14 @@
         <field name="website_published">True</field>
         <field name="subtitle">The Great Reno Balloon Race is the world's largest free hot-air ballooning event.</field>
         <field name="twitter_hashtag">RenoRace</field>
-        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_1.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_1.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover o_half_screen_height", "opacity": "0.4"}</field>
     </record>
 
     <record id="event.event_2" model="event.event">
         <field name="website_published">True</field>
         <field name="subtitle">Enhance your architectural business and improve professional skills.</field>
         <field name="twitter_hashtag">odoo</field>
-        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_2.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_2.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover o_half_screen_height", "opacity": "0.4"}</field>
         <field name="description"><![CDATA[
 <div class="oe_structure">
     <h5>Conference for Architects</h5>
@@ -94,21 +94,21 @@
         <field name="website_published">True</field>
         <field name="subtitle">Experience live music, local food and beverages.</field>
         <field name="twitter_hashtag">odoo</field>
-        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_3.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_3.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover o_half_screen_height", "opacity": "0.4"}</field>
     </record>
 
     <record id="event.event_4" model="event.event">
         <field name="website_published">True</field>
         <field name="subtitle">Discover how to grow a sustainable business with our experts.</field>
         <field name="twitter_hashtag">odoo</field>
-        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_4.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_4.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover o_half_screen_height", "opacity": "0.4"}</field>
     </record>
 
     <record id="event.event_5" model="event.event">
         <field name="website_published">True</field>
         <field name="subtitle">Bring your outdoor field hockey season to the next level by taking the field at this 9th annual Field Hockey tournament.</field>
         <field name="twitter_hashtag">odoo</field>
-        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_5.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_5.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover o_half_screen_height", "opacity": "0.4"}</field>
     </record>
 
     <record id="event.event_6" model="event.event">