Layer pop up fix.

IMMM-SFA · Nov 13, 2024 · 16d1132 · 16d1132
1 parent ea3e841
commit 16d1132
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/dash_app/app.py b/dash_app/app.py
@@ -532,6 +532,7 @@ def toggle_expand(expand_clicks, close_clicks):
 				"border-radius": "10px",
 				"transition": "width 0.3s, height 0.3s",
 			}
+	# closed_btn_css ={"display": "none"}
 	closed_btn_css = [
 						html.Img(id="info-logo", className="svg", 
 		 						  	 src=app.get_asset_url("icons/funcs_icons/layers-two-final.svg"),

diff --git a/dash_app/assets/layers.css b/dash_app/assets/layers.css
@@ -14,11 +14,15 @@
     bottom: 0;
     right: 0;
     width: 250px; /* Set the desired width */
+    height: 250px;
     margin-bottom: 10px;
     margin-right: 270px;
     flex-direction: column;
     border-radius: 15px;
     padding: 10px;
+    /* transition: width 0.3s, height 0.3s; */
+    transition: width 0.3s, height 0.3s; /* Smooth transition for width and height */
+    transform-origin: bottom right; /* Shrink from top left */
 }
 
 #layer-funcs-container{