@eeacms/volto-arcgis-block 0.1.273 → 0.1.274

package/CHANGELOG.md

@@ -4,10 +4,13 @@ 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.273](https://github.com/eea/volto-arcgis-block/compare/0.1.272...0.1.273) - 10 April 2024
+### [0.1.274](https://github.com/eea/volto-arcgis-block/compare/0.1.273...0.1.274) - 11 April 2024
+
+### [0.1.273](https://github.com/eea/volto-arcgis-block/compare/0.1.272...0.1.273) - 11 April 2024
 
 #### :hammer_and_wrench: Others
 
+- Merge pull request #748 from eea/develop [Unai Bolivar - [`d3f8aeb`](https://github.com/eea/volto-arcgis-block/commit/d3f8aebc3d225cc0e9bd62e7e1f816da38e866b9)]
 - CLMS-3172 (bug): re-projected file upload area extent to spatial reference wkid 4326 lat/long [Unai Bolivar - [`164cbca`](https://github.com/eea/volto-arcgis-block/commit/164cbcad7a035c85e77b2c545a331629a0cb8fbd)]
 ### [0.1.272](https://github.com/eea/volto-arcgis-block/compare/0.1.271...0.1.272) - 10 April 2024
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.273",
+  "version": "0.1.274",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

package/src/components/MapViewer/AreaWidget.jsx

@@ -120,6 +120,9 @@ class AreaWidget extends React.Component {
       this.props.mapViewer.setActiveWidget();
       this.container.current.querySelector('.right-panel').style.display =
         'none';
+      this.container.current.querySelector(
+        '.right-panel-content',
+      ).style.overflowY = 'auto';
       this.container.current
         .querySelector('.esri-widget--button')
         .classList.remove('active-widget');
@@ -142,6 +145,9 @@ class AreaWidget extends React.Component {
       this.props.mapViewer.setActiveWidget(this);
       this.container.current.querySelector('.right-panel').style.display =
         'flex';
+      this.container.current.querySelector(
+        '.right-panel-content',
+      ).style.overflowY = 'hidden';
       this.container.current
         .querySelector('.esri-widget--button')
         .classList.add('active-widget');
@@ -1100,7 +1106,7 @@ class AreaWidget extends React.Component {
                   >
                     <div className="field">
                       <label className="file-upload">
-                        <span>File formats supported: shp(zip)</span>
+                        <span>File formats supported: shp(zip), geojson</span>
                         <input
                           type="file"
                           name="file"

package/src/components/MapViewer/css/ArcgisMap.css

@@ -317,13 +317,12 @@ div.esri-popover
   margin: 0;
 }
 
-.area-container .area-header {
-  margin-bottom: 1rem;
-}
+/* .area-container .area-header { */
+/* margin-bottom: 1rem; */
+/* } */
 
 .area-header {
   padding: 1rem;
-  background-color: rgba(160, 177, 40, 0.5);
   font-weight: bold;
 }
 
@@ -344,6 +343,10 @@ div.esri-popover
   margin-left: 1rem !important;
 }
 
+.area-panel .ccl-form:last-child {
+  border-bottom: none;
+}
+
 .nuts-form {
   margin-top: 0.5rem;
   margin-left: 2rem;
@@ -351,7 +354,7 @@ div.esri-popover
 
 div.area-container .ccl-form .ccl-form-check-input + .ccl-form-radio-label {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
   padding-left: 1.75rem;
 }
 
@@ -360,8 +363,11 @@ label.ccl-form-radio-label span.nuts-menu-icon {
 }
 
 .area-container .esri-button {
+  max-width: fit-content;
+  padding: 6px;
   border-color: #a0b128;
-  margin-left: 0.25rem;
+  margin-left: auto;
+  /* margin-left: 0.25rem; */
   background-color: #a0b128;
   color: white !important;
   transition: all 0.3s ease-out;