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

Not using css modules

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-06-30 17:14:21 +03:00
parent ea92fc3d30
commit 5790b30328
5 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
integration/__tests__/cluster-pages.tests.ts
View File

@ -410,7 +410,7 @@ describe("Lens cluster pages", () => {
await app.client.waitForVisible(".LogSearch .SearchInput input"); await app.client.waitForVisible(".LogSearch .SearchInput input");
// Search for semicolon // Search for semicolon
await app.client.keys(":"); await app.client.keys(":");
await app.client.waitForVisible(".LogList .LogRow span.active"); await app.client.waitForVisible(".LogList .list span.active");
// Click through controls // Click through controls
await app.client.click(".LogControls .show-timestamps"); await app.client.click(".LogControls .show-timestamps");
await app.client.click(".LogControls .show-previous"); await app.client.click(".LogControls .show-previous");

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

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

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

@ -262,7 +262,6 @@ 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} />

8
src/renderer/components/virtual-list/virtual-list.module.css → src/renderer/components/virtual-list/virtual-list.scss
View File

@ -19,7 +19,9 @@
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/ */
.list { .VirtualList {
/* Render scrollbar in content area, preventing to occupy extra space */ > div > .list {
overflow-y: overlay!important; /* Render scrollbar in content area, preventing to occupy extra space */
overflow-y: overlay!important;
}
} }

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

@ -21,7 +21,7 @@
// Wrapper for "react-window" component // Wrapper for "react-window" component
// API docs: https://react-window.now.sh // API docs: https://react-window.now.sh
import styles from "./virtual-list.module.css"; import "./virtual-list.scss";
import React, { Component } from "react"; import React, { Component } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
@ -96,7 +96,7 @@ export class VirtualList extends Component<Props, State> {
}; };
render() { render() {
const { width, className, items, getRow, onScroll, outerRef, listClassName } = this.props; const { width, className, items, getRow, onScroll, outerRef } = this.props;
const { overscanCount } = this.state; const { overscanCount } = this.state;
const rowData: RowData = { const rowData: RowData = {
items, items,
@ -108,7 +108,7 @@ export class VirtualList extends Component<Props, State> {
<AutoSizer disableWidth> <AutoSizer disableWidth>
{({ height }) => ( {({ height }) => (
<VariableSizeList <VariableSizeList
className={cssNames(styles.list, listClassName)} className="list"
width={width} width={width}
height={height} height={height}
itemSize={this.getItemSize} itemSize={this.getItemSize}