ali
/
jey_theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chrome list: sticky right column; comment-count: stroke render 

Sticky .level-right on list rows gets a translucent metallic gradient
so horizontally-overflowing columns don't leak through under it, with
a visible left border as a separator. Hover state slightly brighter.
.comment-count svg forced to fill:none + stroke:currentColor so the
swapped-in lucide comment sprite renders as an outline, not a blob.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ali 2026-04-20 12:49:02 +00:00
parent 38bee59283
commit 373ffd73b8
2 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
jey_theme/public/css/shared.css
View File

@ -1285,3 +1285,18 @@ textarea.form-control:focus,
.user-onboarding {
display: none !important;
}
/* ==========================================================================
Comment-count icon override
jey_theme.js swaps the sprite href from #es-line-chat-alt (filled)
to a lucide stroke-based icon. The SVG element still carries .es-icon
(fill: currentColor; stroke-width: 0), which would render the new
icon as a solid black shape — force stroke rendering here.
========================================================================== */
.comment-count svg {
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.5 !important;
stroke-linecap: round;
stroke-linejoin: round;
}

23
jey_theme/public/css/theme_chrome.css
View File

@ -654,6 +654,29 @@
color: #404040 !important;
}
/* Sticky right column: blend with metallic body + visible separator.
Uses a translucent bg so it reads continuous with body gradient while
still covering horizontally-overflowing columns under it. */
[data-jey-theme="chrome"] .frappe-list .list-row .level-right,
[data-jey-theme="chrome"] .frappe-list .list-row-head .level-right {
background: linear-gradient(90deg,
rgba(216,216,216,0.85) 0%,
rgba(208,208,208,0.88) 100%) !important;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border-left: 1px solid #a0a0a0 !important;
box-shadow: inset 1px 0 0 rgba(255,255,255,0.5) !important;
}
[data-jey-theme="chrome"] .frappe-list .list-row-container:hover .level-right {
background: linear-gradient(90deg,
rgba(224,224,224,0.9) 0%,
rgba(216,216,216,0.92) 100%) !important;
box-shadow:
inset 1px 0 0 rgba(255,255,255,0.55),
-6px 0 10px rgba(0,0,0,0.05) !important;
}
/* List sidebar */
[data-jey-theme="chrome"] .layout-side-section {
border-right: 1px solid #aaa !important;