hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix VirtualList styling in logs

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-06-30 14:19:40 +03:00
parent 09503e8d6d
commit 503439d9d7
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/dock/log-list.scss
View File

@ -35,7 +35,7 @@
.VirtualList { .VirtualList {
height: 100%; height: 100%;
.list { .listElement {
overflow-x: scroll!important; overflow-x: scroll!important;
.LogRow { .LogRow {

1
src/renderer/components/dock/log-list.tsx
View File

@ -262,6 +262,7 @@ export class LogList extends React.Component<Props> {
outerRef={this.virtualListDiv} outerRef={this.virtualListDiv}
ref={this.virtualListRef} ref={this.virtualListRef}
className="box grow" className="box grow"
listClassName="listElement"
/> />
{this.isJumpButtonVisible && ( {this.isJumpButtonVisible && (
<JumpToBottom onClick={this.scrollToBottom} /> <JumpToBottom onClick={this.scrollToBottom} />

5
src/renderer/components/virtual-list/virtual-list.tsx
View File

@ -44,6 +44,7 @@ interface Props<T extends ItemObject = any> {
getRow?: (uid: string | number) => React.ReactElement<any>; getRow?: (uid: string | number) => React.ReactElement<any>;
onScroll?: (props: ListOnScrollProps) => void; onScroll?: (props: ListOnScrollProps) => void;
outerRef?: React.Ref<any> outerRef?: React.Ref<any>
listClassName?: string;
} }
interface State { interface State {
@ -95,7 +96,7 @@ export class VirtualList extends Component<Props, State> {
}; };
render() { 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 { overscanCount } = this.state;
const rowData: RowData = { const rowData: RowData = {
items, items,
@ -107,7 +108,7 @@ export class VirtualList extends Component<Props, State> {
<AutoSizer disableWidth> <AutoSizer disableWidth>
{({ height }) => ( {({ height }) => (
<VariableSizeList <VariableSizeList
className={styles.list} className={cssNames(styles.list, listClassName)}
width={width} width={width}
height={height} height={height}
itemSize={this.getItemSize} itemSize={this.getItemSize}