feat: Use CustomScrollbar in explore #14752

public/app/features/explore/Wrapper.tsx

@@ -10,6 +10,7 @@ import { parseUrlState } from 'app/core/utils/explore';
 import { initializeExploreSplit } from './state/actions';
 import { initializeExploreSplit } from './state/actions';
 import ErrorBoundary from './ErrorBoundary';
 import ErrorBoundary from './ErrorBoundary';
 import Explore from './Explore';
 import Explore from './Explore';
+import { CustomScrollbar } from '@grafana/ui';
 
 
 interface WrapperProps {
 interface WrapperProps {
   initializeExploreSplit: typeof initializeExploreSplit;
   initializeExploreSplit: typeof initializeExploreSplit;
@@ -46,6 +47,8 @@ export class Wrapper extends Component<WrapperProps> {
     const { leftState, rightState } = this.urlStates;
     const { leftState, rightState } = this.urlStates;
 
 
     return (
     return (
+      <div className="page-scrollbar-wrapper">
+        <CustomScrollbar autoHeightMin={'100%'}>
           <div className="explore-wrapper">
           <div className="explore-wrapper">
             <ErrorBoundary>
             <ErrorBoundary>
               <Explore exploreId={ExploreId.left} urlState={leftState} />
               <Explore exploreId={ExploreId.left} urlState={leftState} />
@@ -56,6 +59,8 @@ export class Wrapper extends Component<WrapperProps> {
               </ErrorBoundary>
               </ErrorBoundary>
             )}
             )}
           </div>
           </div>
+        </CustomScrollbar>
+      </div>
     );
     );
   }
   }
 }
 }