Hide the mapPanelStack layers when adding a child

app/qml/main.qml

@@ -194,19 +194,31 @@ ApplicationWindow {
       map.highlightPair( pair )
     }
 
-    onEditingGeometryStarted: formsStackManager.geometryEditingStarted()
+    onEditingGeometryStarted: 
+    {
+      mapPanelsStackView.hideMapStackIfNeeded()
+      formsStackManager.geometryEditingStarted()
+    }
     onEditingGeometryFinished: function( pair ) {
+      mapPanelsStackView.showMapStack()
       formsStackManager.geometryEditingFinished( pair )
     }
     onEditingGeometryCanceled: {
+      mapPanelsStackView.showMapStack()
       formsStackManager.geometryEditingFinished( null, false )
     }
 
-    onRecordInLayerFeatureStarted: formsStackManager.geometryEditingStarted()
+    onRecordInLayerFeatureStarted: 
+    {
+      mapPanelsStackView.hideMapStackIfNeeded()
+      formsStackManager.geometryEditingStarted()
+    }
     onRecordInLayerFeatureFinished: function( pair ) {
+      mapPanelsStackView.showMapStack()
       formsStackManager.recordInLayerFinished( pair )
     }
     onRecordInLayerFeatureCanceled: {
+      mapPanelsStackView.showMapStack()
       formsStackManager.recordInLayerFinished( null, false )
     }
 
@@ -442,6 +454,30 @@ ApplicationWindow {
         easing.type: Easing.OutCubic
       }
     }
+
+    transform: Translate {
+      id: mapPanelsHideTranslation
+      y: 0
+
+      Behavior on y {
+        NumberAnimation { 
+          duration: 500
+          easing.type: Easing.OutCubic
+        }
+      }
+    }
+
+    function hideMapStackIfNeeded() {
+      // if present in the stack, hide the other layers when editing the geometry
+      // use the Translation Animation to hide the stack
+      if(mapPanelsStackView.depth > 0){
+        mapPanelsHideTranslation.y = mapPanelsStackView.height  
+      }
+    }
+
+    function showMapStack(){
+       mapPanelsHideTranslation.y = 0  
+    }
   }
 
   Component {