From 503439d9d78f64f3ea5d54818513dfa979b63d87 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 30 Jun 2021 14:19:40 +0300
Subject: [PATCH] Fix VirtualList styling in logs

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/dock/log-list.scss            | 2 +-
 src/renderer/components/dock/log-list.tsx             | 1 +
 src/renderer/components/virtual-list/virtual-list.tsx | 5 +++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/dock/log-list.scss b/src/renderer/components/dock/log-list.scss
index edae55ad61..ab6bdc7ad3 100644
--- a/src/renderer/components/dock/log-list.scss
+++ b/src/renderer/components/dock/log-list.scss
@@ -35,7 +35,7 @@
   .VirtualList {
     height: 100%;
 
-    .list {
+    .listElement {
       overflow-x: scroll!important;
 
       .LogRow {
diff --git a/src/renderer/components/dock/log-list.tsx b/src/renderer/components/dock/log-list.tsx
index 9437a854e2..410fd85f83 100644
--- a/src/renderer/components/dock/log-list.tsx
+++ b/src/renderer/components/dock/log-list.tsx
@@ -262,6 +262,7 @@ export class LogList extends React.Component<Props> {
           outerRef={this.virtualListDiv}
           ref={this.virtualListRef}
           className="box grow"
+          listClassName="listElement"
         />
         {this.isJumpButtonVisible && (
           <JumpToBottom onClick={this.scrollToBottom} />
diff --git a/src/renderer/components/virtual-list/virtual-list.tsx b/src/renderer/components/virtual-list/virtual-list.tsx
index 0cc70f2cd6..c048328834 100644
--- a/src/renderer/components/virtual-list/virtual-list.tsx
+++ b/src/renderer/components/virtual-list/virtual-list.tsx
@@ -44,6 +44,7 @@ interface Props<T extends ItemObject = any> {
   getRow?: (uid: string | number) => React.ReactElement<any>;
   onScroll?: (props: ListOnScrollProps) => void;
   outerRef?: React.Ref<any>
+  listClassName?: string;
 }
 
 interface State {
@@ -95,7 +96,7 @@ export class VirtualList extends Component<Props, State> {
   };
 
   render() {
-    const { width, className, items, getRow, onScroll, outerRef } = this.props;
+    const { width, className, items, getRow, onScroll, outerRef, listClassName } = this.props;
     const { overscanCount } = this.state;
     const rowData: RowData = {
       items,
@@ -107,7 +108,7 @@ export class VirtualList extends Component<Props, State> {
         <AutoSizer disableWidth>
           {({ height }) => (
             <VariableSizeList
-              className={styles.list}
+              className={cssNames(styles.list, listClassName)}
               width={width}
               height={height}
               itemSize={this.getItemSize}