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

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>
                     );

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'} />

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;

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;
 }