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%;
height: 1px;
top: 0;
background-color: var(--logsBackground);
position: absolute;
}
.lastLine {
width: 100%;
height: 1px;
bottom: 0;
background-color: var(--logsBackground);
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}
>
<div className={styles.firstLine} ref={topLineRef}></div>
<div
className={styles.anchorLine}
ref={topLineRef}
style={{ top: 0 }}
/>
{rowVirtualizer.getVirtualItems().map((virtualRow) => (
<div
key={virtualRow.index + uniqRowKey}
@ -88,7 +92,11 @@ export const LogList = observer(({ model }: LogListProps) => {
</div>
</div>
))}
<div className={styles.lastLine} ref={bottomLineRef}></div>
<div
className={styles.anchorLine}
ref={bottomLineRef}
style={{ bottom: 0 }}
/>
</div>
{toBottomVisible && (
<ToBottom onClick={scrollToBottom} />