Refactor EuiDescriptionList column width styles

caraml-dev · Jul 15, 2024 · fd3f866 · fd3f866
1 parent 1882d71
commit fd3f866
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 7 deletions.
diff --git a/...details/config/configuration_section/resource_request_table/ResourceRequestConfigTable.js b/...details/config/configuration_section/resource_request_table/ResourceRequestConfigTable.js
@@ -56,7 +56,7 @@ export const ResourceRequestConfigTable = ({
           textStyle="reverse"
           type="responsiveColumn"
           listItems={driver_items}
-          columnWidths={[1, 7/3]}
+          columnWidths={[1, 1]}
         />
       </EuiFlexItem>
 
@@ -75,7 +75,7 @@ export const ResourceRequestConfigTable = ({
           textStyle="reverse"
           type="responsiveColumn"
           listItems={executor_items}
-          columnWidths={[1, 7/3]}
+          columnWidths={[1, 1]}
         />
       </EuiFlexItem>
     </EuiFlexGroup>

diff --git a/ui/src/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.js b/ui/src/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.js
@@ -63,7 +63,7 @@ const BigQueryDatasetTableConfigGroup = ({ table, features, options }) => {
           textStyle="reverse"
           type="responsiveColumn"
           listItems={items}
-          columnWidths={[1, 5]}
+          columnWidths={["160px", "auto"]}
         />
       </EuiFlexItem>
 

diff --git a/...onfiguration/components/experiment_config_section/credentials/CredentialsConfigSection.js b/...onfiguration/components/experiment_config_section/credentials/CredentialsConfigSection.js
@@ -41,6 +41,7 @@ export const CredentialsConfigSection = ({
       <EuiDescriptionList
         textStyle="reverse"
         type="responsiveColumn"
+        columnWidths={["70px", "auto"]}
         compressed>
         <EuiDescriptionListTitle>Client</EuiDescriptionListTitle>
         <EuiDescriptionListDescription title={username}>

diff --git a/...figuration/components/experiment_config_section/credentials/CredentialsConfigSection.scss b/...figuration/components/experiment_config_section/credentials/CredentialsConfigSection.scss
@@ -1,9 +1,5 @@
 .euiPanel--configSection.experimentCredentials {
   .euiDescriptionList {
     margin-left: 10px;
-
-    .euiDescriptionList__title {
-      width: 70px;
-    }
   }
 }
diff --git a/...ts/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss b/...ts/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss
@@ -0,0 +1,5 @@
+.euiPanel--configSection.variables {
+  .euiDescriptionList {
+    margin-left: 10px;
+  }
+}