From 16d1132d3c514fb7b77fd346263aba73496cbf5a Mon Sep 17 00:00:00 2001
From: "Bernat, Anastasia" <anastasia.bernat@pnnl.gov>
Date: Tue, 12 Nov 2024 23:11:54 -0800
Subject: [PATCH] Layer pop up fix.

---
 dash_app/app.py            | 1 +
 dash_app/assets/layers.css | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/dash_app/app.py b/dash_app/app.py
index b26fcb1..a5e4f2a 100644
--- 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
index 2919bc4..533956d 100644
--- 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{