Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-19 21:11:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Better handle background color for dir preview table (#944)

Browse Source
This commit is contained in:
Evan Simkowitz 2024-10-02 17:37:02 -07:00 committed by GitHub
parent 1737c686c2
commit a1e0d03fcc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/app/view/preview/directorypreview.less
View File

@ -15,15 +15,25 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&:not([data-scroll-height="0"]) .dir-table-head { &:not([data-scroll-height="0"]) .dir-table-head::after {
background: rgba(10, 10, 10, 0.5); background: rgb(from var(--block-bg-color) r g b / 0.2);
}
.dir-table-head::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
} }
.dir-table-head { .dir-table-head {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10; z-index: 10;
width: fit-content; width: 100%;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
.dir-table-head-row { .dir-table-head-row {