reverts branding and uses it optionally for bind parameters popup

webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.module.css

@@ -53,3 +53,13 @@
   max-height: 600px;
   padding: 4px 0px;
 }
+
+.propertiesListOverflow {
+  composes: branding-overflow from global;
+  position: sticky;
+  flex-shrink: 0;
+  bottom: -4px;
+  width: 100%;
+  height: 24px;
+  pointer-events: none;
+}

webapp/packages/core-blocks/src/PropertiesTable/PropertiesTable.tsx

@@ -37,10 +37,11 @@ interface Props {
   staticProperties?: boolean;
   filterable?: boolean;
   sortByName?: boolean;
+  disableBottomPadding?: boolean;
 }
 
 export const PropertiesTable = observer<Props>(function PropertiesTable(props) {
-  const { className, onAdd, readOnly, propertiesState } = props;
+  const { className, onAdd, readOnly, propertiesState, disableBottomPadding = false } = props;
   const translate = useTranslate();
   const propsRef = useObjectRef({ ...props });
   const style = useS(styles);
@@ -165,6 +166,7 @@ export const PropertiesTable = observer<Props>(function PropertiesTable(props) {
             onRemove={removeProperty}
           />
         ))}
+        {!disableBottomPadding && <div className={s(style, { propertiesListOverflow: true })} />}
       </div>
     </div>
   );

webapp/packages/plugin-sql-editor/src/renderQueryParamsForConfirmation.tsx

@@ -92,6 +92,7 @@ const RenderParametersForm = observer(function RenderParametersForm({
           className="tw:overflow-auto"
           sortByName={false}
           staticProperties
+          disableBottomPadding
         />
       </div>