updating CSS to adjust fields UI in Gsheets

appsmithorg · Sep 5, 2024 · de0a4c6 · de0a4c6
1 parent 2f613d8
commit de0a4c6
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/app/client/src/pages/Editor/ActionForm/Zone/styles.module.css b/app/client/src/pages/Editor/ActionForm/Zone/styles.module.css
@@ -47,6 +47,36 @@
       }
     }
   }
+  /* PaginationControl hardcoded width is removed */
+  & :global(.t--form-control-PAGINATION) {
+    & > div {
+      grid-gap: 1rem !important;
+      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
+
+      & > div {
+        width: unset !important;
+        margin-right: 0 !important;
+      }
+    }
+  }
+  /* SortingControl hardcoded width is removed */
+  & :global(.t--form-control-SORTING) {
+    & :global(.sorting-dropdown-container) {
+      width: unset;
+      gap: 1rem;
+
+      & > div {
+        width: 100%;
+        flex: 1;
+      }
+    }
+  }
+  /* WhereClauseControl hardcoded width is removed */
+  & :global(.t--form-control-WHERE_CLAUSE) {
+    & > div {
+      padding-right: 0 !important;
+    }
+  }
   /* DynamicInputTextControl min height and width removed */
   & :global(.uqi-dynamic-input-text) {
     width: unset !important;