Patch release fixing a placement bug in the ribbon component introduced in 4.3.0. If you are picking up ribbons, start here rather than 4.3.0.
Fixed
Ribbons left the card corner bare. The banner was centred on its clipping square. That reads as the natural placement, but the centre of a square is the point furthest from its corner along the diagonal — so the banner sat too far into the card, left a large empty triangle at the very corner it exists to cover, and had its label cut off by the clip.
The banner's centre now sits on the corner's bisector at ~46% of the square's side, which both fills the corner and leaves the label room, and its width is the chord across the corner rather than the square's diagonal — so the ends still cut flush. RTL mirrors exactly as before.
Label length is now documented. The banner is clipped to the corner, so only about 64px of it is readable at the default size — roughly six characters. .ribbon-lg and .ribbon-xl give more room. The demo uses short labels accordingly.
Nothing else changed: no API change, no new classes, and the fix is CSS-only (+28 bytes gzip).
Install
npm install admin-lte@4.3.1<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4.3.1/dist/css/adminlte.min.css">
<script src="https://cdn.jsdelivr.net/npm/admin-lte@4.3.1/dist/js/adminlte.min.js"></script>Everything new in this line is described in the 4.3.0 release notes. Full details in the CHANGELOG.
What's Changed
Full Changelog: v4.3.0...v4.3.1