Bugfix: Truncated values in sortBy column (#5018)

* Add auto-sizing for sortBy column and make drop-down width 25% of screen width Signed-off-by: NieuweNils <NieuweNils.OSS@protonmail.com> * Change width of drop-down to 20% Signed-off-by: NieuweNils <NieuweNils.OSS@protonmail.com> * 30% Signed-off-by: dbczumar <corey.zumar@databricks.com> Co-authored-by: NieuweNils <NieuweNils.OSS@protonmail.com> Co-authored-by: dbczumar <corey.zumar@databricks.com>
mlflow · Nov 8, 2021 · d754523 · d754523
1 parent 6af26f8
commit d754523
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/mlflow/server/js/src/experiment-tracking/components/ExperimentView.css b/mlflow/server/js/src/experiment-tracking/components/ExperimentView.css
@@ -373,7 +373,7 @@ span.error-message {
 }
 
 .ExperimentView .sort-select {
-    width: 200px;
+    width: auto;
 }
 
 .ExperimentView .start-time-select {

diff --git a/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js b/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js
@@ -669,6 +669,7 @@ export class ExperimentView extends Component {
                       size='large'
                       onChange={this.onHandleSortByDropdown}
                       data-test-id='sort-select-dropdown'
+                      dropdownStyle={{ minWidth: '30%' }}
                     >
                       {Object.keys(ATTRIBUTE_COLUMN_SORT_LABEL).reduce(
                         (sortOptions, sortLabelKey) => {