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

Centering overlay when scroll to it

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-10-21 14:09:24 +03:00
parent 5c084b8557
commit f8548d6ec4
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/dock/pod-logs.tsx
View File

@ -118,8 +118,8 @@ export class PodLogs extends React.Component<Props> {
@autobind()
toOverlay() {
const { activeOverlayLine } = searchStore;
if (!this.virtualListRef.current || activeOverlayLine == -1) return;
this.virtualListRef.current.scrollToItem(activeOverlayLine);
if (!this.virtualListRef.current || activeOverlayLine === undefined) return;
this.virtualListRef.current.scrollToItem(activeOverlayLine, "center");
}
/**

3
src/renderer/components/dock/search.store.ts
View File

@ -106,9 +106,10 @@ export class SearchStore {
return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
}
@action
reset() {
this.searchQuery = "";
this.activeOverlayIndex = -1
this.activeOverlayIndex = -1;
}
}

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

@ -4,7 +4,7 @@ import "./virtual-list.scss";
import React, { Component } from "react";
import { observer } from "mobx-react";
import { ListChildComponentProps, VariableSizeList } from "react-window";
import { Align, ListChildComponentProps, VariableSizeList } from "react-window";
import { cssNames, noop } from "../../utils";
import { TableRowProps } from "../table/table-row";
import { ItemObject } from "../../item.store";
@ -83,8 +83,8 @@ export class VirtualList extends Component<Props, State> {
this.listRef.current.scrollToItem(index, "start");
})
scrollToItem = (index: number) => {
this.listRef.current.scrollToItem(index)
scrollToItem = (index: number, align: Align) => {
this.listRef.current.scrollToItem(index, align)
}
render() {