Update gradio_sidebar.py

gradio_sidebar.py

@@ -10,7 +10,7 @@ head="""
                 panel.classList.toggle('open');
                 console.log('clicked')
                 } else {
-                panel.classList = '.contain #gs_top_control_panel'
+                panel.classList = '#gs_top_control_panel'
                 console.log('panel is open, closing')
                 };
                 };
@@ -22,13 +22,16 @@ head="""
                 var out_json = []
                 split_json = panel.classList.value.split(' ')
                 console.log(split_json.length)
-                if (split_json.length === 2 || panel.classList.value.includes("  ")) {
+                if (panel.classList.value.includes("open") === false) {
+                panel.classList = '#gs_left_control_panel'
+                left_bar.classList = '#gs_left_bar'
+                left_btn.classList = '#left_control_btn'
                 panel.classList.toggle('open');
                 left_bar.classList.toggle('open');
                 left_btn.classList.toggle('open');
                 console.log('clicked')
                 } else {
-                panel.classList = '.contain #gs_left_control_panel'
+                panel.classList = '#gs_left_control_panel'
                 left_bar.classList = '#gs_left_bar'
                 left_btn.classList = '#left_control_btn'
                 console.log('panel is open, closing')
@@ -57,10 +60,10 @@ css="""
     width: 330px;
     top: 50px;
     box-shadow: black 0px 0px 12px 0px;
-    transition: right 0.5s linear;
+    transition: left 0.5s linear;
     }
 #gs_left_control_panel.open {
-    right: 60%;
+    left: 0%;
     }
 #top_control_btn {
     height: 20px;