Merge pull request #15628 from influxdata/zs-horizontalscrollbar-13943

fix (ui): Horizontal and vertical scroll hiding elements
influxdata · Oct 31, 2019 · 08d0fc2 · 08d0fc2
2 parents e9e0dfc + eec51dd
commit 08d0fc2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/ui/src/shared/components/dapperScrollbars/DapperScrollbars.scss b/ui/src/shared/components/dapperScrollbars/DapperScrollbars.scss
@@ -2,7 +2,7 @@ $dapper-scrollbars--size: 6px;
 
 .dapper-scrollbars--wrapper {
   margin-right: 0 !important;
-  margin-bottom: 0 !important;
+  margin-bottom: 10px !important;
   right: 0 !important;
   bottom: 0 !important;
 }

diff --git a/ui/src/timeMachine/components/variableToolbar/VariableToolbar.tsx b/ui/src/timeMachine/components/variableToolbar/VariableToolbar.tsx
@@ -31,7 +31,7 @@ const VariableToolbar: FunctionComponent<OwnProps & StateProps> = ({
   return (
     <div className="variable-toolbar">
       <SearchBar onSearch={setSearchTerm} resourceName="Variables" />
-      <FancyScrollbar>
+      <FancyScrollbar style={{marginBottom: '40px'}}>
         <div className="variables-toolbar--list">
           {variables
             .filter(v => v.name.includes(searchTerm))