KamoCRM

Corner ribbons replace every left-edge accent rail

Featurekamo-internal
Shipped
October 21, 2026 at 6:02 AM UTC
Author
Kamo
Commit
76d6806

The System Bugs page went first. This change does the rest of kamo-internal: about 120 files where an item was marked by a coloured rule down its left edge — a borderLeft, a Tailwind border-l-N, an inset box-shadow, a ::before or absolutely placed bar, or a short leading flex bar — now carry the corner ribbon in the same colour and under the same condition. CornerRibbon gains two forms for places a child element cannot go, both drawing the identical ribbon from one 135-degree gradient: - cornerRibbonSx(color, size, pseudo, anchor) — an sx fragment on the element's own pseudo-element. anchor=false leaves position alone for AG Grid rows, which the grid places itself; '&::after' avoids the grid's ::before tints. - the kamo-corner-ribbon class in globals.css (--xs/--md, colour via --corner-ribbon-color), for Tailwind, styled-jsx and rich-text CSS. Rich-text blockquotes use the same rule. LegalStateRail becomes LegalStateRibbon. Grid cell renderers render the ribbon with no positioned wrapper, so it anchors to the absolutely positioned .ag-cell and sits in the row's corner. The nav's active marker in the rail is an xs white ribbon; the bar variant keeps its bottom underline. Animated rails (alarm arrival, available-lead pulse) keep their glow and lose only the rail. These were left alone because they are not item indicators: 1px pane dividers, timeline/tree connectors, progress bars, resize handles, the audio waveform's selection range, and top-edge or bottom-edge bars.

All changes

Like what you see shipping?

All of it arrives in your workspace on its own. Start on the free plan and read this page again in a month.

Start Free ForeverView Pricing