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

Unify styles for the top and bottom lines

Browse Source 
Signed-off-by: alexfront <alex.andreev.email@gmail.com>
This commit is contained in:
alexfront 2022-09-09 09:58:59 +03:00
parent 2d69bbcfd8
commit 64773f3b69
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/components/dock/logs/log-list.module.scss
View File

@ -29,18 +29,9 @@
} }
} }
.firstLine { .anchorLine {
width: 100%; width: 100%;
height: 1px; height: 1px;
top: 0;
background-color: var(--logsBackground);
position: absolute;
}
.lastLine {
width: 100%;
height: 1px;
bottom: 0;
background-color: var(--logsBackground); background-color: var(--logsBackground);
position: absolute; position: absolute;
} }

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

@ -73,7 +73,11 @@ export const LogList = observer(({ model }: LogListProps) => {
}} }}
className={styles.virtualizer} className={styles.virtualizer}
> >
<div className={styles.firstLine} ref={topLineRef}></div> <div
className={styles.anchorLine}
ref={topLineRef}
style={{ top: 0 }}
/>
{rowVirtualizer.getVirtualItems().map((virtualRow) => ( {rowVirtualizer.getVirtualItems().map((virtualRow) => (
<div <div
key={virtualRow.index + uniqRowKey} key={virtualRow.index + uniqRowKey}
@ -88,7 +92,11 @@ export const LogList = observer(({ model }: LogListProps) => {
</div> </div>
</div> </div>
))} ))}
<div className={styles.lastLine} ref={bottomLineRef}></div> <div
className={styles.anchorLine}
ref={bottomLineRef}
style={{ bottom: 0 }}
/>
</div> </div>
{toBottomVisible && ( {toBottomVisible && (
<ToBottom onClick={scrollToBottom} /> <ToBottom onClick={scrollToBottom} />