FlightsMapFilter: resize toggle switch to 42×24 with 20px thumb (Angular parity)
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user