Fix Dropdown Overlapping Dot & Text (#13585)

* Only remove item padding when mode is action list and no selectedID is passed in * Updoot
influxdata · Apr 23, 2019 · 17caffe · 17caffe
1 parent e063e8f
commit 17caffe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@
 1. [13560](https://github.com/influxdata/influxdb/pull/13560): Add option to generate all access token in tokens tab
 
 ### Bug Fixes
+1. [13585](https://github.com/influxdata/influxdb/pull/13585): Prevent overlapping text and dot in time range dropdown
 
 ### UI Improvements
 1. [13424](https://github.com/influxdata/influxdb/pull/13424): Add general polish and empty states to Create Dashboard from Template overlay

diff --git a/ui/src/clockface/components/dropdowns/Dropdown.tsx b/ui/src/clockface/components/dropdowns/Dropdown.tsx
@@ -118,6 +118,7 @@ class Dropdown extends Component<Props, State> {
       customClass,
       mode,
       wrapMenuText,
+      selectedID,
     } = this.props
 
     return classnames(
@@ -127,7 +128,8 @@ class Dropdown extends Component<Props, State> {
         'dropdown-wrap': wrapMenuText,
         'dropdown-truncate': !wrapMenuText,
         [customClass]: customClass,
-        [`dropdown--${mode}`]: mode,
+        'dropdown--radio': mode === DropdownMode.Radio,
+        'dropdown--action': mode === DropdownMode.ActionList && !selectedID,
       }
     )
   }