FIX - center navbar back chevron

Render the shared CSS chevron as a sized block so its declared geometry is applied and the icon sits centrally within the navbar back control.

Extend the navbar contract test to protect the corrected layout.
This commit is contained in:
smx.pusha
2026-08-16 20:13:08 +02:00
parent a7e5472cb9
commit 6fca2789c1
2 changed files with 4 additions and 0 deletions
+3
View File
@@ -268,6 +268,9 @@ describe('SkyNavbar', () => {
expect(controlsStyles).toMatch(
/\.sky-navbar-back-link:active:not\(:disabled\)\s*\{[^}]*opacity:\s*0\.5;[^}]*transition-duration:\s*0ms;/s,
)
expect(controlsStyles).toMatch(
/\.sky-navbar-back-link__chevron\s*\{[^}]*width:\s*12px;[^}]*height:\s*12px;[^}]*display:\s*block;/s,
)
expect(controlsStyles).not.toMatch(
/\.sky-navbar-back-link:active:not\(:disabled\)\s*\{[^}]*--sky-app-accent-soft/s,
)
+1
View File
@@ -2938,6 +2938,7 @@ label.sky-list-item__row {
.sky-navbar-back-link__chevron {
width: 12px;
height: 12px;
display: block;
border-bottom: 2px solid currentColor;
border-left: 2px solid currentColor;
transform: rotate(45deg);