ken/muxplex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove gradient fades, fix sidebar active indicator full-height

Browse Source 
Remove tile-body::before and sidebar-item-body::before gradient overlays
that obscured ANSI colors at the bottom of previews. Replace box-shadow
inset with border-left on sidebar-item--active so the cyan accent stripe
spans the full item height (was only showing on the header).
This commit is contained in:
Brian Krabach
2026-03-29 19:41:49 -07:00
parent 583de6ec2d
commit e4efadddf4
2 changed files with 8 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
muxplex/frontend/style.css
+2 -27
View File
@@ -251,18 +251,7 @@ body {
margin: 0;
}
/* Fade gradient at bottom of tile body */
.tile-body::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(to bottom, transparent, #000000);
pointer-events: none;
z-index: 1;
}
/* ============================================================
Empty state
@@ -491,7 +480,7 @@ body {
.sidebar-item--active {
background: var(--bg-surface);
border-color: var(--accent);
box-shadow: inset 3px 0 0 var(--accent);
border-left: 3px solid var(--accent);
}
.sidebar-item-header {
@@ -523,21 +512,7 @@ body {
background: #000000;
}
.sidebar-item-body::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 32px;
background: linear-gradient(to bottom, transparent, #000000);
pointer-events: none;
z-index: 1;
}
.sidebar-item--active .sidebar-item-body::before {
background: linear-gradient(to bottom, transparent, #000000);
}
.sidebar-item-body pre {
position: absolute;