gnezim/flights_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify transitions: 120/150ms → 0.2s across 14 SCSS files (Angular parity)

Browse Source
This commit is contained in:
Anton
2026-04-20 19:24:28 +03:00
parent da896260e6
commit 9564085f23
14 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/flights-map/components/FlightsMapStartPage.scss
+2 -2
View File
@@ -287,7 +287,7 @@
background: colors.$border;
border-radius: 24px;
position: relative;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
flex-shrink: 0;
&::before {
@@ -299,7 +299,7 @@
height: 20px;
background: colors.$white;
border-radius: 50%;
transition: transform 150ms ease;
transition: transform 0.2s ease;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
}
src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+1 -1
View File
@@ -29,7 +29,7 @@
text-decoration: none;
color: inherit;
display: block;
transition: background-color 120ms ease;
transition: background-color 0.2s ease;
&:last-child {
border-bottom: none;
src/features/online-board/components/OnlineBoardDetailsPage.scss
+1 -1
View File
@@ -96,7 +96,7 @@
height: 100%;
background: colors.$blue;
width: 0;
transition: width 150ms ease;
transition: width 0.2s ease;
}
&__center--finished {
src/features/online-board/components/OnlineBoardSearchPage.scss
+1 -1
View File
@@ -61,7 +61,7 @@
cursor: pointer;
font-size: fonts.$font-size-m;
font-weight: fonts.$font-medium;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
&:hover {
background-color: colors.$blue-light--hover;
src/features/schedule/components/DayGroupedFlightList.scss
+1 -1
View File
@@ -101,7 +101,7 @@
&__chevron {
margin-left: auto;
color: colors.$blue;
transition: transform 150ms ease;
transition: transform 0.2s ease;
&--collapsed {
transform: rotate(-90deg);
src/features/schedule/components/ScheduleDetailsPage.scss
+1 -1
View File
@@ -27,7 +27,7 @@
font-size: fonts.$font-size-m;
font-weight: fonts.$font-medium;
text-decoration: none;
transition: background-color 120ms ease;
transition: background-color 0.2s ease;
&:hover { background: colors.$white; }
}
src/features/schedule/components/ScheduleFilter.scss
+1 -1
View File
@@ -121,7 +121,7 @@
font-size: fonts.$font-size-m;
font-weight: fonts.$font-bold;
cursor: pointer;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
&:hover { background: colors.$blue-light--hover; }
}
src/features/schedule/components/ScheduleFlightBody.scss
+3 -3
View File
@@ -187,7 +187,7 @@
border: none;
border-radius: vars.$border-radius;
cursor: pointer;
transition: background-color 120ms ease;
transition: background-color 0.2s ease;
img { width: 20px; height: 20px; }
@@ -204,7 +204,7 @@
font-weight: fonts.$font-medium;
cursor: pointer;
min-width: 150px;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
&:hover { background: colors.$orange--hover; }
}
@@ -219,7 +219,7 @@
font-weight: fonts.$font-medium;
cursor: pointer;
min-width: 150px;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
&:hover { background: colors.$blue--hover; }
}
src/features/schedule/components/ScheduleSearchPage.scss
+2 -2
View File
@@ -62,7 +62,7 @@
font-weight: fonts.$font-medium;
line-height: 16px;
cursor: pointer;
transition: background-color 120ms ease, color 120ms ease;
transition: background-color 0.2s ease, color 0.2s ease;
border-radius: 0;
&:first-child {
@@ -90,7 +90,7 @@
width: 19px;
height: 19px;
color: colors.$extra-blue;
transition: color 120ms ease;
transition: color 0.2s ease;
fill: currentColor;
&--flipped {
src/features/schedule/components/ScheduleStartPage.scss
+1 -1
View File
@@ -167,7 +167,7 @@
position: relative;
cursor: pointer;
flex-shrink: 0;
transition: background-color 120ms ease, border-color 120ms ease;
transition: background-color 0.2s ease, border-color 0.2s ease;
&:checked {
background-color: colors.$blue;
src/features/schedule/components/WeekTabs.scss
+1 -1
View File
@@ -48,7 +48,7 @@
cursor: pointer;
border-radius: vars.$border-radius;
white-space: nowrap;
transition: background 120ms;
transition: background 0.2s;
&:hover { background: colors.$blue-extra-light; }
src/ui/calendar/DayQuickPick.scss
+1 -1
View File
@@ -25,7 +25,7 @@
color: colors.$text-color;
cursor: pointer;
font: inherit;
transition: border-color 150ms, background-color 150ms;
transition: border-color 0.2s, background-color 0.2s;
&:hover { border-color: colors.$blue-light; }
src/ui/flights/FlightCard.scss
+6 -6
View File
@@ -7,7 +7,7 @@
display: flex;
flex-direction: column;
background: transparent;
transition: background-color 120ms ease;
transition: background-color 0.2s ease;
& + & {
border-top: 1px dashed colors.$border;
@@ -112,7 +112,7 @@
&__chevron {
color: colors.$blue;
font-size: fonts.$font-size-xl;
transition: transform 150ms ease;
transition: transform 0.2s ease;
&--open {
transform: rotate(180deg);
@@ -244,7 +244,7 @@
border: none;
border-radius: vars.$border-radius;
cursor: pointer;
transition: background-color 120ms ease;
transition: background-color 0.2s ease;
img {
width: 20px;
@@ -266,7 +266,7 @@
font-weight: fonts.$font-medium;
cursor: pointer;
text-decoration: none;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
&:hover { background: colors.$blue-extra-light; }
}
@@ -281,7 +281,7 @@
font-weight: fonts.$font-medium;
cursor: pointer;
text-decoration: none;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
&:hover { background: colors.$orange--hover; }
}
@@ -295,7 +295,7 @@
font-size: fonts.$font-size-m;
font-weight: fonts.$font-medium;
cursor: pointer;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
&:hover {
background: colors.$blue--hover;
src/ui/layout/SearchHistory.scss
+1 -1
View File
@@ -78,7 +78,7 @@
padding: vars.$space-m vars.$space-xl;
cursor: pointer;
border-top: 1px solid colors.$border;
transition: background-color 150ms ease;
transition: background-color 0.2s ease;
// Angular highlights search-history rows with $blue-extra-light
// (#f3f9ff) on hover — same tint as the frame background.