1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Not using css modules

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

View File

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

View File

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

View File

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

View File

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

View File

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