KamoCRM

Corner ribbons on every edge, on tabs, and on the top bar's open pages

Featurekamo-internal
Shipped
October 21, 2026 at 7:18 AM UTC
Author
Kamo
Commit
fd9cc26

Following the left-edge round, the other three edges get the same treatment, on a fixed mapping: a top rule becomes a top-left ribbon, a right rule a bottom-right ribbon, a bottom rule a bottom-left ribbon. CornerRibbon learns its corner. The component takes `corner`; cornerRibbonSx takes an options object ({ size, corner, pseudo, anchor }, the old positional form still works); the CSS class gains --tr, --bl and --br. The light still comes from above, so on a bottom corner the shading reverses and the shadow falls between the band and the corner. Tabs: the root theme hides MUI's tab indicator and gives every selected tab an xs bottom-left ribbon (bottom-right on a vertical bar) in the tab's own colour. A bar that wants another colour sets --tab-ribbon-color; per-site indicator styles are removed or carried over to it, and hand-built tab bars (IoT, lead view, softphone, emoji picker, Docs) mark their tab the same way. Nav: the top bar selects an option exactly as the rail does, lit with a white xs ribbon instead of an underline, and a tool menu (Mail, Docs, Phone and the rest) is selected while any of its pages is open, in both navs. Left alone as before: dividers, progress and loading bars, spinners, full borders, connector lines, handles, and content the member styles themselves.

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