From 0b52d2152692b2b7371b22e7a5dd21af214c7aca Mon Sep 17 00:00:00 2001
From: Kiran Ashok <stepinfwd@gmail.com>
Date: Wed, 13 Sep 2023 17:22:23 +0530
Subject: [PATCH] Bugfixes for appbuilder 1.3  (#7429)

* fix :: local datasource leftsidebar panel ui

* ui break fix in add new row pop up for long column names

* fix :: release app inspector disabled state
---
 .../Components/Table/AddNewRowComponent.jsx   | 20 +++++-----
 frontend/src/Editor/Inspector/Inspector.jsx   | 40 ++++++++++---------
 frontend/src/_styles/components.scss          |  1 -
 frontend/src/_styles/left-sidebar.scss        |  2 +-
 4 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/frontend/src/Editor/Components/Table/AddNewRowComponent.jsx b/frontend/src/Editor/Components/Table/AddNewRowComponent.jsx
index 11c68891a8..bf92c668b6 100644
--- a/frontend/src/Editor/Components/Table/AddNewRowComponent.jsx
+++ b/frontend/src/Editor/Components/Table/AddNewRowComponent.jsx
@@ -86,15 +86,17 @@ export function AddNewRowComponent({
                   {headerGroup.headers.map((column, index) => {
                     return (
                       <th key={index} {...column.getHeaderProps()} className="th">
-                        <div className="d-flex custom-gap-4 align-items-center">
-                          <SolidIcon
-                            name="editable"
-                            width="16px"
-                            height="16px"
-                            fill={darkMode ? '#4C5155' : '#C1C8CD'}
-                            vievBox="0 0 16 16"
-                          />
-                          <div className="tj-text-xsm">{column.render('Header')}</div>
+                        <div className="d-flex custom-gap-4 align-items-center thead-editable-icon-header-text-wrapper">
+                          <div>
+                            <SolidIcon
+                              name="editable"
+                              width="16px"
+                              height="16px"
+                              fill={darkMode ? '#4C5155' : '#C1C8CD'}
+                              vievBox="0 0 16 16"
+                            />
+                          </div>
+                          <div className="tj-text-xsm header-text">{column.render('Header')}</div>
                         </div>
                       </th>
                     );
diff --git a/frontend/src/Editor/Inspector/Inspector.jsx b/frontend/src/Editor/Inspector/Inspector.jsx
index 902e04685c..ae98efeb58 100644
--- a/frontend/src/Editor/Inspector/Inspector.jsx
+++ b/frontend/src/Editor/Inspector/Inspector.jsx
@@ -331,27 +331,29 @@ export const Inspector = ({
   };
 
   const propertiesTab = isMounted && (
-    <GetAccordion
-      componentName={componentMeta.component}
-      layoutPropertyChanged={layoutPropertyChanged}
-      component={component}
-      paramUpdated={paramUpdated}
-      dataQueries={dataQueries}
-      componentMeta={componentMeta}
-      eventUpdated={eventUpdated}
-      eventOptionUpdated={eventOptionUpdated}
-      components={allComponents}
-      currentState={currentState}
-      darkMode={darkMode}
-      eventsChanged={eventsChanged}
-      apps={apps}
-      pages={pages}
-      allComponents={allComponents}
-    />
+    <div className={`${isVersionReleased && 'disabled'}`}>
+      <GetAccordion
+        componentName={componentMeta.component}
+        layoutPropertyChanged={layoutPropertyChanged}
+        component={component}
+        paramUpdated={paramUpdated}
+        dataQueries={dataQueries}
+        componentMeta={componentMeta}
+        eventUpdated={eventUpdated}
+        eventOptionUpdated={eventOptionUpdated}
+        components={allComponents}
+        currentState={currentState}
+        darkMode={darkMode}
+        eventsChanged={eventsChanged}
+        apps={apps}
+        pages={pages}
+        allComponents={allComponents}
+      />
+    </div>
   );
 
   const stylesTab = (
-    <div style={{ marginBottom: '6rem' }}>
+    <div style={{ marginBottom: '6rem' }} className={`${isVersionReleased && 'disabled'}`}>
       <div className="p-3">
         <Inspector.RenderStyleOptions
           componentMeta={componentMeta}
@@ -393,7 +395,7 @@ export const Inspector = ({
         darkMode={darkMode}
       />
       <div>
-        <div className="row inspector-component-title-input-holder">
+        <div className={`row inspector-component-title-input-holder ${isVersionReleased && 'disabled'}`}>
           <div className="col-1" onClick={() => switchSidebarTab(2)}>
             <span data-cy={`inspector-close-icon`} className="cursor-pointer">
               <ArrowLeft fill={'var(--slate12)'} width={'14'} />
diff --git a/frontend/src/_styles/components.scss b/frontend/src/_styles/components.scss
index d277fd5de9..06f50deb06 100644
--- a/frontend/src/_styles/components.scss
+++ b/frontend/src/_styles/components.scss
@@ -95,7 +95,6 @@ $btn-dark-color: #FFFFFF;
 }
 
 .leftsidebar-panel-header {
-  height: 100%;
   background-color: var(--slate3);
   padding: 12px 16px;
   min-height: 52px;
diff --git a/frontend/src/_styles/left-sidebar.scss b/frontend/src/_styles/left-sidebar.scss
index 509aa93a8a..f834458d23 100644
--- a/frontend/src/_styles/left-sidebar.scss
+++ b/frontend/src/_styles/left-sidebar.scss
@@ -723,7 +723,7 @@
 }
 
 .left-sidebar-local-datasources-wrapper {
-  height: 100%;
+  height: calc(100% - 48px);
   min-height: 300px;
   position: relative;
 }
\ No newline at end of file