@eeacms/volto-clms-theme 1.1.73 → 1.1.75

package/CHANGELOG.md

@@ -4,16 +4,39 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [1.1.73](https://github.com/eea/volto-clms-theme/compare/1.1.72...1.1.73) - 3 November 2023
+### [1.1.75](https://github.com/eea/volto-clms-theme/compare/1.1.74...1.1.75) - 8 November 2023
+
+#### :rocket: New Features
+
+- feat: allow Files in Global search [Mikel Larreategi - [`fd202e9`](https://github.com/eea/volto-clms-theme/commit/fd202e95810fbcfa369fda1e493265ac01e5c439)]
+
+#### :bug: Bug Fixes
+
+- fix: re-request relatedListings navigating between datasets [Ion Lizarazu - [`8f2c617`](https://github.com/eea/volto-clms-theme/commit/8f2c6177da3bfa4583d4292dcbad2edf49a128fe)]
+- fix:CLMS-2805 addition of two new boxes [Unai - [`31c3285`](https://github.com/eea/volto-clms-theme/commit/31c3285e8f06313919b8bb7492111c35633b0cde)]
+- fix: CLMS-2803 removed < and > buttons from main page's carousel [Unai - [`2b539f4`](https://github.com/eea/volto-clms-theme/commit/2b539f4e26a556bb55d0cf09b92d489786ae7ed3)]
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`95b48d1`](https://github.com/eea/volto-clms-theme/commit/95b48d109d48a633c614a9f26072b989ad7e6466)]
+
+### [1.1.74](https://github.com/eea/volto-clms-theme/compare/1.1.73...1.1.74) - 7 November 2023
+
+#### :rocket: New Features
+
+- feat: change the source of navroot title to rely on the newly released p.restapi [Mikel Larreategi - [`3f4f96e`](https://github.com/eea/volto-clms-theme/commit/3f4f96edadad29f4762b1d7a59f0801d63834605)]
+- feat: expand the navroot [Mikel Larreategi - [`3ee730c`](https://github.com/eea/volto-clms-theme/commit/3ee730c88942469688c781068b39bb4971ee4972)]
+
+#### :hammer_and_wrench: Others
+
+### [1.1.73](https://github.com/eea/volto-clms-theme/compare/1.1.72...1.1.73) - 6 November 2023
 
 #### :hammer_and_wrench: Others
 
-- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`3a543b9`](https://github.com/eea/volto-clms-theme/commit/3a543b9000c1168d54edfb8003eb08dfa7c85031)]
 - comment Integration tests [Ion Lizarazu - [`74713f8`](https://github.com/eea/volto-clms-theme/commit/74713f8f78d77ba193d8c27462cc8787d698ab81)]
 - uncomment cypress tests [Ion Lizarazu - [`3526a5c`](https://github.com/eea/volto-clms-theme/commit/3526a5c46481667b0518c6cce0927e67726c6f6c)]
 - use chrome instead of chromium to run cypress tests [Ion Lizarazu - [`6ae3a06`](https://github.com/eea/volto-clms-theme/commit/6ae3a06dbec1914c06a55c0dcb826c49b75f9739)]
 - ccltabs activeTab condition having first child [Ion Lizarazu - [`3cf9376`](https://github.com/eea/volto-clms-theme/commit/3cf9376d55f5f41b7e42c25e5925cd871ec71d81)]
-- test: [JENKINS] Improve cypress time [valentinab25 - [`f41ecfe`](https://github.com/eea/volto-clms-theme/commit/f41ecfea8b5a1e409303ffcc7befe7f51316d652)]
 ### [1.1.72](https://github.com/eea/volto-clms-theme/compare/1.1.71...1.1.72) - 2 November 2023
 
 ### [1.1.71](https://github.com/eea/volto-clms-theme/compare/1.1.70...1.1.71) - 31 October 2023
@@ -24,7 +47,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Refactor automated testing [valentinab25 - [`67ca3bb`](https://github.com/eea/volto-clms-theme/commit/67ca3bb111f34842569c12b9c87a2a91bd14b09e)]
 
 #### :hammer_and_wrench: Others
 
@@ -121,7 +143,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - readme [Mikel Larreategi - [`3c0ab05`](https://github.com/eea/volto-clms-theme/commit/3c0ab051981a4efad7712bc46182eed9d79fd10f)]
 - remove from addons [Mikel Larreategi - [`89c2e7d`](https://github.com/eea/volto-clms-theme/commit/89c2e7d793193e6bb64642f0b06a01cd3c81108a)]
-- yarn.lock added after running yarn [Unai - [`ad307be`](https://github.com/eea/volto-clms-theme/commit/ad307be72bbfe753f7571ea4d784a09978e0f7f2)]
 - prettier issue fix [Unai - [`8bc0650`](https://github.com/eea/volto-clms-theme/commit/8bc0650918f9fa1065d19d2c15ce153a5fc5abbb)]
 - set a limit of 5 items in the download queue [Mikel Larreategi - [`b81cc83`](https://github.com/eea/volto-clms-theme/commit/b81cc8383165bafbbff52fbeeb365d413051802e)]
 - adjust logo size [Mikel Larreategi - [`b90a72c`](https://github.com/eea/volto-clms-theme/commit/b90a72c07102025a7e90607b25d34611ddd4f4f6)]
@@ -263,7 +284,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - fix cart items concat function [Ion Lizarazu - [`4b72249`](https://github.com/eea/volto-clms-theme/commit/4b72249ef17a0cda22661809fce5be7c2d1f6649)]
 - revert Jenkinsfile [Ion Lizarazu - [`64f6cd0`](https://github.com/eea/volto-clms-theme/commit/64f6cd08100357843b507c00d3286d7debe0ef04)]
-- yarn.lock file [Ion Lizarazu - [`8444ad1`](https://github.com/eea/volto-clms-theme/commit/8444ad1606b3939e4609bdd186e5ace2252588a8)]
 - packages.json versions order [Ion Lizarazu - [`4fd7a86`](https://github.com/eea/volto-clms-theme/commit/4fd7a86ab43238841b421e1ed10ebd52ab420a15)]
 - downloadablefilestablewidget param modification [Ion Lizarazu - [`5dd794a`](https://github.com/eea/volto-clms-theme/commit/5dd794a33a8eddd042a753b7ab47e7d2a323b011)]
 - add technical_documents_accordion_text field to the dataset view [Ion Lizarazu - [`96ed1e5`](https://github.com/eea/volto-clms-theme/commit/96ed1e5e2c2b501bd303bc76b333a70ad1614c16)]
@@ -388,7 +408,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - remove NUTS text for area naming in the cart [ionlizarazu - [`062e0a3`](https://github.com/eea/volto-clms-theme/commit/062e0a375f5352bc13c18ff7ec33fad4bcc59f2f)]
 - dependencies [ionlizarazu - [`405ef96`](https://github.com/eea/volto-clms-theme/commit/405ef96090fe7bd4af73a49d3285a92fad712e3b)]
-- yarn.lock [ionlizarazu - [`7132119`](https://github.com/eea/volto-clms-theme/commit/71321195c4dd4fceed67f2f0872f3e24bba61c17)]
 - volto-blocks-grid module mapping [ionlizarazu - [`4fec3ca`](https://github.com/eea/volto-clms-theme/commit/4fec3cabc437322ad92ed90d682250bd123ccaaf)]
 - volto-blocks-grid v7.0.2 [ionlizarazu - [`2557e60`](https://github.com/eea/volto-clms-theme/commit/2557e6039d3cea33ca0bd11a0a3ef4764c611f78)]
 - remove styling from teaser block [ionlizarazu - [`879e684`](https://github.com/eea/volto-clms-theme/commit/879e684057c88f52f60f0fa54cbaa155c7d14688)]
@@ -476,7 +495,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Remove alpha testing version [valentinab25 - [`b4cbf65`](https://github.com/eea/volto-clms-theme/commit/b4cbf6557fbc67f7fc4cea5aa2cb19804f3d7e3c)]
 
 #### :hammer_and_wrench: Others
 
@@ -1675,7 +1693,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - related products and datasets added to news and meeting views and login-plone route created [Unai - [`5704a1a`](https://github.com/eea/volto-clms-theme/commit/5704a1a766148746162b60efaf232ea90dc20cf4)]
-- Revert "[JENKINS] Use eeacms/plone-backend and Volto alpha version- Refs #151967" [Mikel Larreategi - [`46eb694`](https://github.com/eea/volto-clms-theme/commit/46eb69415280a3c982405299135027ae4221426a)]
 - sort items according to the lowercased label and put those with special meaning at the end [Mikel Larreategi - [`6410abe`](https://github.com/eea/volto-clms-theme/commit/6410abe096f60dcad54dced2026c9df9b7946d68)]
 - lint fix [Unai - [`1264a7a`](https://github.com/eea/volto-clms-theme/commit/1264a7adfe8d679fea1bd821ad087add20f4271d)]
 - footer newsletter subscription change, global search maxLength change from 8000 to 200 and /login design change [Unai - [`a09d24a`](https://github.com/eea/volto-clms-theme/commit/a09d24adbb6fa053fb2a2cc0071506b906593b42)]
@@ -1826,7 +1843,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - search block new features [ionlizarazu - [`8e814cb`](https://github.com/eea/volto-clms-theme/commit/8e814cbd359782540c21fe37b37ef146d331f0d6)]
 - language selector cookie management [ionlizarazu - [`1385ac9`](https://github.com/eea/volto-clms-theme/commit/1385ac95795702206d3623ba6e780faa43a89e0a)]
 - toolbar cookie management [ionlizarazu - [`5c23200`](https://github.com/eea/volto-clms-theme/commit/5c23200790b20e1d4f1bc966463c37bf4c808f47)]
-- Add Sonarqube tag using clms-frontend addons list [EEA Jenkins - [`0316a0d`](https://github.com/eea/volto-clms-theme/commit/0316a0d8b6fb0fa14af13002415f3c95d9f8ede3)]
 ### [1.0.84](https://github.com/eea/volto-clms-theme/compare/1.0.83...1.0.84) - 18 March 2022
 
 #### :hammer_and_wrench: Others
@@ -2731,13 +2747,11 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - replace @collective/volto-dropdownmenu with volto-dropdownmenu [ionlizarazu - [`07f004f`](https://github.com/eea/volto-clms-theme/commit/07f004fe0219e403fb51bc045c83d34f3b981f76)]
-- yarn.lock [ionlizarazu - [`fe1ca04`](https://github.com/eea/volto-clms-theme/commit/fe1ca04889d29fe7b653db4c69af2751b84b8a1a)]
 - add NODE_ENV parameter [ionlizarazu - [`101f27c`](https://github.com/eea/volto-clms-theme/commit/101f27c25b8fbd192e1b11865e95cf5ffee08c1b)]
 - upgrade volto-dropdownmenu version [ionlizarazu - [`2081855`](https://github.com/eea/volto-clms-theme/commit/2081855301f4c708776e0dbab39db143cee00dbc)]
 - HomeSearch block missing url behaviour [ionlizarazu - [`d20a378`](https://github.com/eea/volto-clms-theme/commit/d20a378ce3f254b8343692348f314bf281974542)]
 - babel configuration [ionlizarazu - [`203ea2d`](https://github.com/eea/volto-clms-theme/commit/203ea2de07f99ca3403e4ca220ca74d7ce69b61d)]
 - prettier [ionlizarazu - [`e79e26b`](https://github.com/eea/volto-clms-theme/commit/e79e26bf2fa40ba7b4eb53a24dabd87928221c28)]
-- add yarn lock [ionlizarazu - [`e1ab28b`](https://github.com/eea/volto-clms-theme/commit/e1ab28b060d5a74431c368b0de82a68dabce1eab)]
 - Jenkinsfile cypress test [ionlizarazu - [`b385d65`](https://github.com/eea/volto-clms-theme/commit/b385d65986f717c60f8c434a08fc11b829d08eb4)]
 - cypress [ionlizarazu - [`a243cf0`](https://github.com/eea/volto-clms-theme/commit/a243cf0182fa3dd113c16ff495c71e310252d83b)]
 - some fixes [ionlizarazu - [`046279b`](https://github.com/eea/volto-clms-theme/commit/046279b9d05bea8a64eca03eed493e02621534c9)]

package/Jenkinsfile

@@ -159,7 +159,7 @@ pipeline {
             //     script {
             //       try {
             //         sh '''docker run --pull always --rm -d --name="$IMAGE_NAME-plone" -e SITE="Plone" -e PROFILES="$BACKEND_PROFILES" -e ADDONS="$BACKEND_ADDONS" eeacms/plone-backend'''
-            //         sh '''timeout 3600 docker run --shm-size=2g --link $IMAGE_NAME-plone:plone --entrypoint=make --name="$IMAGE_NAME-cypress" --workdir=/app/src/addons/${GIT_NAME} -e "RAZZLE_INTERNAL_API_PATH=http://plone:8080/Plone" $IMAGE_NAME-frontend cypress-ci'''
+            //         sh '''timeout -s 9 3600 docker run --shm-size=2g --cpu-quota=150000 --link $IMAGE_NAME-plone:plone --entrypoint=make --name="$IMAGE_NAME-cypress" --workdir=/app/src/addons/${GIT_NAME} -e "RAZZLE_INTERNAL_API_PATH=http://plone:8080/Plone" $IMAGE_NAME-frontend cypress-ci'''
             //       } finally {
             //         try {
             //           sh '''rm -rf cypress-videos cypress-results cypress-coverage cypress-screenshots'''

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.1.73",
+  "version": "1.1.75",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",

package/src/components/Blocks/CclHomeBgImageBlock/CclHomeBgImageBlockEdit.jsx

@@ -44,6 +44,7 @@ const CclHomeBgImageBlockEdit = (props) => {
             config,
             data.hasButton,
             data.hasLocationInfo,
+            data.hasDatasetButton,
           )}
           title="Carousel Div block"
           onChangeField={(id, value) => {

package/src/components/Blocks/CclHomeBgImageBlock/CclHomeBgImageSchema.js

@@ -1,4 +1,9 @@
-export const HomeBgImageSchema = (config, hasButton, hasLocationInfo) => {
+export const HomeBgImageSchema = (
+  config,
+  hasButton,
+  hasLocationInfo,
+  hasDatasetButton,
+) => {
   const variationsConfig = config.blocks.blocksConfig['homeBgImage'].variations;
   const variations = Object.keys(variationsConfig).map((variation) => [
     variationsConfig[variation].id,
@@ -13,6 +18,20 @@ export const HomeBgImageSchema = (config, hasButton, hasLocationInfo) => {
         },
       ]
     : [];
+  const hasDatasetButtonFieldset = hasDatasetButton
+    ? [
+        {
+          id: 'datasetButtonStyle',
+          title: 'Dataset button style',
+          fields: [
+            'dataset_buttonTitle',
+            'dataset_href',
+            'dataset_style',
+            'dataset_disabled',
+          ],
+        },
+      ]
+    : [];
   const hasLocationFieldset = hasLocationInfo
     ? [
         {
@@ -36,10 +55,15 @@ export const HomeBgImageSchema = (config, hasButton, hasLocationInfo) => {
           'location',
           'hasLocationInfo',
           'hasButton',
+          'dataset_title',
+          'dataset_subtitle',
+          'dataset_description',
+          'hasDatasetButton',
         ],
       },
       ...hasLocationFieldset,
       ...hasButtonFieldset,
+      ...hasDatasetButtonFieldset,
     ],
     properties: {
       title: {
@@ -122,6 +146,52 @@ export const HomeBgImageSchema = (config, hasButton, hasLocationInfo) => {
         type: 'boolean',
         default: false,
       },
+      dataset_title: {
+        title: 'Dataset title',
+        description: 'Dataset div title',
+        type: 'string',
+      },
+      dataset_subtitle: {
+        title: 'Dataset subTitle',
+        description: 'Dataset div Subtitle',
+        type: 'string',
+      },
+      dataset_description: {
+        title: 'Dataset description',
+        description: 'Dataset div description',
+        type: 'string',
+      },
+      hasDatasetButton: {
+        title: 'Dataset button',
+        type: 'boolean',
+        default: false,
+      },
+      dataset_buttonTitle: {
+        title: 'Title',
+        description: 'Add button text',
+        type: 'string',
+      },
+      dataset_href: {
+        title: 'URL',
+        description: 'Select site content or paste external url',
+        widget: 'object_browser',
+        mode: 'link',
+        selectedItemAttrs: ['Title', 'Description', '@type', '@id'],
+        allowExternals: true,
+      },
+      dataset_style: {
+        title: 'Button style',
+        choices: [
+          ['default', 'Default'],
+          ['filled', 'Filled'],
+        ],
+        default: 'default',
+      },
+      dataset_disabled: {
+        title: 'Disabled',
+        type: 'boolean',
+        default: false,
+      },
     },
     required: [],
   };

package/src/components/Blocks/CclHomeBgImageBlock/CclWhiteBgView.jsx

@@ -38,6 +38,41 @@ const CclWhiteBgView = (props) => {
             </CclButton>
           )}
         </div>
+        {data?.dataset_title ||
+          data?.dataset_subtitle ||
+          (data?.dataset_description && (
+            <div className="home-dataset-banner">
+              {data.dataset_title && <h1>{data?.dataset_title}</h1>}
+              {data.dataset_subtitle && <h2>{data?.dataset_subtitle}</h2>}
+              {data.dataset_description && (
+                <h3>{data?.dataset_description} </h3>
+              )}
+              {data?.hasDatasetButton === true && (
+                <CclButton
+                  url={
+                    data?.download &&
+                    data?.dataset_href?.[0]?.['@type'] === 'File'
+                      ? data?.dataset_href?.[0]?.['@id'] + '/@@download/file'
+                      : data?.dataset_href?.[0]?.['@id']
+                  }
+                  disabled={data?.dataset_disabled}
+                  download={
+                    data?.download ||
+                    data?.dataset_href?.[0]?.['@type'] === 'File'
+                  }
+                  target={
+                    data?.target ||
+                    (data?.download &&
+                      data?.dataset_href[0]['@type'] === 'File' &&
+                      '_blank')
+                  }
+                  mode={data?.dataset_style}
+                >
+                  {data?.dataset_buttonTitle}
+                </CclButton>
+              )}
+            </div>
+          ))}
       </div>
     </div>
   );

package/src/components/Blocks/CclRelatedListingBlock/CclRelatedListingView.jsx

@@ -32,10 +32,10 @@ const CclRelatedListingView = (props) => {
   const { pagination, currentPage, paginationSize, dataList } = p_data;
 
   const dispatch = useDispatch();
+  const uid = metadata ? metadata['UID'] : properties['UID'];
   const searchSubrequests = useSelector(
-    (state) => state.search.subrequests?.[id],
+    (state) => state.search.subrequests?.[`${id}-${uid}`],
   );
-  const uid = metadata ? metadata['UID'] : properties['UID'];
 
   const associated = directRelation
     ? directQuery
@@ -96,6 +96,7 @@ const CclRelatedListingView = (props) => {
     }
 
     uid &&
+      id &&
       !searchSubrequests?.loading &&
       !searchSubrequests?.loaded &&
       !searchSubrequests?.error &&
@@ -110,11 +111,12 @@ const CclRelatedListingView = (props) => {
             sort_order: sort_order,
             b_size: 99999,
           },
-          id,
+          `${id}-${uid}`,
         ),
       );
+    return () => {};
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [data, id, uid, dispatch, searchSubrequests]);
+  }, [data, id, uid, dispatch]);
 
   return (
     <>

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/rewriteOptions.js

@@ -9,6 +9,7 @@ export const portal_types_labels = {
   TechnicalLibrary: 'Product documentation',
   Document: 'Other content',
   FAQ: 'FAQ',
+  File: 'Files',
 };
 
 export const category_labels = {
@@ -52,6 +53,7 @@ const rewriteOptions = (name, choices) => {
     'Tender',
     'WorkOpportunity',
     'Document',
+    'File',
   ];
 
   const dataset_geographical_classification = [

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/CclCarouselView.jsx

@@ -63,7 +63,7 @@ const View = (props) => {
     );
   };
 
-  const ArrowsGroup = (arrowProps) => {
+  /*   const ArrowsGroup = (arrowProps) => {
     return (
       <div className={'slick-arrows'}>
         <button
@@ -87,7 +87,7 @@ const View = (props) => {
         ></button>
       </div>
     );
-  };
+  }; */
 
   const [showInfo, setShowInfo] = React.useState(false);
   const panes = tabsList.map((tab, index) => {
@@ -113,7 +113,7 @@ const View = (props) => {
       <Slider {...settings} ref={slider} className="home-carousel">
         {panes.length ? panes.map((pane) => pane.renderItem) : ''}
       </Slider>
-      <ArrowsGroup activeTab={activeTab} tabsList={tabsList} slider={slider} />
+      {/* <ArrowsGroup activeTab={activeTab} tabsList={tabsList} slider={slider} /> */}
       <Dots
         dotActiveTab={activeTab}
         dotTabsList={tabsList}

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/custom.less

@@ -10,6 +10,7 @@ div.tabs-block.CCLCarousel {
     width: 100vw !important;
     max-width: initial !important;
     margin-right: -50vw !important;
+    margin-bottom: -2rem;
     margin-left: -50vw !important;
   }
 }

package/src/components/CclUtils/helmetTitle.js

@@ -1,5 +1,5 @@
 export const helmetTitle = (title_tag_content, content) => {
-  let nav_root_title = content?.['@components']?.navroot?.title;
+  let nav_root_title = content?.['@components']?.navroot?.navroot?.title;
   const result_title =
     nav_root_title === title_tag_content
       ? title_tag_content ?? ''

package/src/index.js

@@ -186,7 +186,13 @@ const applyConfig = (config) => {
       ...config.settings.apiExpanders,
       {
         match: '',
-        GET_CONTENT: ['breadcrumbs', 'actions', 'types', 'translations'],
+        GET_CONTENT: [
+          'breadcrumbs',
+          'actions',
+          'types',
+          'translations',
+          'navroot',
+        ],
       },
       {
         match: '',

package/theme/site/extras/home.less

@@ -149,7 +149,7 @@
   padding: 0 2rem;
 }
 
-@media (max-width:770px) {
+@media (max-width: 770px) {
   .ccl-banner-top-main img {
     min-height: 550px;
     max-height: 550px;
@@ -174,6 +174,12 @@
   }
 }
 
+@media (max-width: 1200px) {
+  .home-carousel {
+    margin-bottom: -4rem;
+  }
+}
+
 .home-carousel .slick-dots {
   position: absolute;
   bottom: 3.75rem;
@@ -396,9 +402,32 @@
 .home-map-container > .ccl-container {
   position: absolute;
   bottom: 4rem;
+  display: flex;
   width: 100%;
   max-width: 1400px;
+  flex-wrap: wrap;
+  justify-content: center;
   padding: 0 2rem;
+  gap: 1rem;
+}
+
+@media (max-width: 990px) {
+  .home-map-container img {
+    min-height: 320px;
+  }
+}
+
+@media (max-width: 700px) {
+  .home-dataset-banner,
+  .home-map-banner {
+    min-width: 320px;
+  }
+
+  .home-map-container > .ccl-container {
+    bottom: 0;
+    height: 100%;
+    padding: 1rem 0;
+  }
 }
 
 @media (max-width: 480px) {
@@ -407,6 +436,8 @@
   }
 
   .home-map-container > .ccl-container {
+    bottom: 4rem;
+    height: auto;
     padding: 0;
   }
 }
@@ -424,8 +455,21 @@
   .home-map-banner {
     width: 40%;
   }
+
+  .home-dataset-banner {
+    width: 40%;
+  }
 }
 
+.home-dataset-banner {
+  max-width: 100%;
+  padding: 1.5rem;
+  background-color: fade(@white, 70%);
+}
+
+.home-dataset-banner h4 {
+  margin-bottom: 1rem;
+}
 /* Meet band */
 .home-meet-container {
   padding: 3rem 1rem;