mirror of
https://github.com/sky-systems/sky_phone.git
synced 2026-08-28 17:01:18 +00:00
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:
@@ -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,
|
||||
)
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user