Skip to content

Commit 58ff42d

Browse files
authored
Sysinfo Plot Height (#1158)
This makes two small changes - renames a class to resolve two css classes having the same name - ensures sysinfo's outermost element follows the *-view pattern
1 parent b746a0b commit 58ff42d

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

frontend/app/view/sysinfo/sysinfo.less

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
// Copyright 2024, Command Line Inc.
22
// SPDX-License-Identifier: Apache-2.0
33

4-
.scrollable {
4+
.sysinfo-view {
55
flex-flow: column nowrap;
66
flex-grow: 1;
77
margin-bottom: 0;
88
overflow-y: auto;
9-
.sysinfo-view {
9+
.sysinfo-inner {
1010
width: 100%;
1111
height: 100%;
1212
display: grid;

frontend/app/view/sysinfo/sysinfo.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -531,8 +531,12 @@ const SysinfoViewInner = React.memo(({ model }: SysinfoViewProps) => {
531531
}
532532

533533
return (
534-
<OverlayScrollbarsComponent ref={osRef} className="scrollable" options={{ scrollbars: { autoHide: "leave" } }}>
535-
<div className={clsx("sysinfo-view", { "two-columns": cols2 })}>
534+
<OverlayScrollbarsComponent
535+
ref={osRef}
536+
className="sysinfo-view"
537+
options={{ scrollbars: { autoHide: "leave" } }}
538+
>
539+
<div className={clsx("sysinfo-inner", { "two-columns": cols2 })}>
536540
{yvals.map((yval, idx) => {
537541
return (
538542
<SingleLinePlot

0 commit comments

Comments
 (0)