FlightsMapFilter: resize toggle switch to 42×24 with 20px thumb (Angular parity)

This commit is contained in:
2026-04-20 12:40:43 +03:00
parent 13926314d0
commit e8453ba66c
@@ -214,12 +214,15 @@
}
}
// Track dimensions mirror Angular `toggle-switch` (42×24 with a 20px
// thumb). Keeping the same geometry avoids a visible size mismatch
// against the Angular reference in the parity screenshots.
&__switch {
display: inline-block;
width: 36px;
height: 20px;
width: 42px;
height: 24px;
background: colors.$border;
border-radius: 10px;
border-radius: 24px;
position: relative;
transition: background-color 150ms ease;
flex-shrink: 0;
@@ -229,12 +232,12 @@
position: absolute;
top: 2px;
left: 2px;
width: 16px;
height: 16px;
width: 20px;
height: 20px;
background: colors.$white;
border-radius: 50%;
transition: transform 150ms ease;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
}
@@ -242,7 +245,7 @@
background: colors.$blue;
&::before {
transform: translateX(16px);
transform: translateX(18px);
}
}