@eeacms/volto-cca-policy 0.1.71 → 0.1.72

package/CHANGELOG.md

@@ -4,6 +4,12 @@ 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).
 
+### [0.1.72](https://github.com/eea/volto-cca-policy/compare/0.1.71...0.1.72) - 9 February 2024
+
+#### :bug: Bug Fixes
+
+- fix: map full width layout by removing no longer needed CSS [kreafox - [`6f5f1aa`](https://github.com/eea/volto-cca-policy/commit/6f5f1aa5a92a93c07a4efcc63be7ea862692c6d1)]
+
 ### [0.1.71](https://github.com/eea/volto-cca-policy/compare/0.1.70...0.1.71) - 5 February 2024
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/MigrationButtons.jsx

@@ -0,0 +1,41 @@
+import { Plug } from '@plone/volto/components/manage/Pluggable';
+import { getBaseUrl } from '@plone/volto/helpers';
+
+function MigrationButtons(props) {
+  const { content, token, pathname } = props;
+  const contentId = content?.['@id'] || '';
+  const show = !!token && contentId && contentId.indexOf('europa.eu') === -1;
+  const base = getBaseUrl(pathname);
+
+  const handleClickMigrate = () => {
+    window.open(`http://localhost:8080/cca/${base}/@@volto_migrate`, '_blank');
+  };
+
+  const handleClickView = () => {
+    window.open(`https://climate-adapt.eea.europa.eu${base}`, '_blank');
+  };
+
+  return show ? (
+    <Plug pluggable="main.toolbar.top" id="cca-migration-helpers" order={0}>
+      <button
+        className={`circle-right-btn `}
+        id="toolbar-migration"
+        onClick={handleClickMigrate}
+        title="Migrate context"
+      >
+        M
+      </button>
+
+      <button
+        className={`circle-right-btn `}
+        id="toolbar-view"
+        onClick={handleClickView}
+        title="View original"
+      >
+        V
+      </button>
+    </Plug>
+  ) : null;
+}
+
+export default MigrationButtons;

package/src/index.js

@@ -27,6 +27,7 @@ import installStore from './store';
 
 import GeocharsWidget from './components/theme/Widgets/GeocharsWidget';
 import GeolocationWidget from './components/theme/Widgets/GeolocationWidget';
+import MigrationButtons from './components/MigrationButtons';
 
 const getEnv = () => (typeof window !== 'undefined' ? window.env : process.env);
 
@@ -448,6 +449,14 @@ const applyConfig = (config) => {
     ...(config.addonRoutes || []),
   ];
 
+  config.settings.appExtras = [
+    ...(config.settings.appExtras || []),
+    {
+      match: '',
+      component: MigrationButtons,
+    },
+  ];
+
   return compose(installBlocks, installSearchEngine, installStore)(config);
 };
 

package/theme/globals/site.overrides

@@ -148,82 +148,6 @@ div.content-metadata {
   }
 }
 
-body.view-viewview .full {
-  position: relative !important;
-  right: 50%;
-  left: 50%;
-  width: 100vw !important;
-  max-width: initial !important;
-  margin-right: -50vw !important;
-  margin-left: -50vw !important;
-
-  > div {
-    display: block;
-    width: 100% !important;
-    margin-right: auto !important;
-    margin-left: auto !important;
-  }
-}
-
-body.view-viewview.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) {
-  .full > div {
-    width: calc(100% - @toolbarWidth) !important;
-  }
-}
-
-@media screen and (min-width: @largestMobileScreen) {
-  body.view-viewview.has-toolbar.has-sidebar {
-    .full > div {
-      width: calc(100% - (@toolbarWidth + @sidebarWidth)) !important;
-    }
-  }
-
-  body.view-viewview.has-toolbar.has-sidebar-collapsed {
-    .full > div {
-      width: calc(100% - (@toolbarWidth + @collapsedToolbarWidth)) !important;
-    }
-  }
-
-  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
-    .full > div {
-      width: calc(100% - @collapsedToolbarWidth) !important;
-    }
-  }
-
-  body.view-viewview.has-toolbar-collapsed.has-sidebar {
-    .full > div {
-      .full-width-block {
-        width: calc(100% - (@collapsedToolbarWidth + @sidebarWidth)) !important;
-      }
-    }
-  }
-
-  body.view-viewview.has-toolbar-collapsed.has-sidebar-collapsed {
-    .full > div {
-      width: calc(
-        100% - (@collapsedToolbarWidth + @collapsedToolbarWidth)
-      ) !important;
-    }
-  }
-}
-
-@media only screen and (max-width: 767px) {
-  body.view-viewview.has-toolbar-collapsed.has-sidebar-collapsed
-    .full.full-width-block,
-  body.view-viewview.has-toolbar.has-sidebar-collapsed .full.full-width-block {
-    width: 100% !important;
-  }
-}
-
-@media screen and (max-width: @largestMobileScreen) {
-  body.view-viewview.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed),
-  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
-    .full > div {
-      width: 100% !important;
-    }
-  }
-}
-
 .listing-body-dates:empty {
   margin-bottom: 0;
 }