From 9564085f231556da01344dc315d37d8774f33fb0 Mon Sep 17 00:00:00 2001 From: gnezim Date: Mon, 20 Apr 2026 19:24:28 +0300 Subject: [PATCH] =?UTF-8?q?Unify=20transitions:=20120/150ms=20=E2=86=92=20?= =?UTF-8?q?0.2s=20across=2014=20SCSS=20files=20(Angular=20parity)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../flights-map/components/FlightsMapStartPage.scss | 4 ++-- .../components/FlightsMiniList/FlightsMiniList.scss | 2 +- .../components/OnlineBoardDetailsPage.scss | 2 +- .../components/OnlineBoardSearchPage.scss | 2 +- .../schedule/components/DayGroupedFlightList.scss | 2 +- .../schedule/components/ScheduleDetailsPage.scss | 2 +- src/features/schedule/components/ScheduleFilter.scss | 2 +- .../schedule/components/ScheduleFlightBody.scss | 6 +++--- .../schedule/components/ScheduleSearchPage.scss | 4 ++-- .../schedule/components/ScheduleStartPage.scss | 2 +- src/features/schedule/components/WeekTabs.scss | 2 +- src/ui/calendar/DayQuickPick.scss | 2 +- src/ui/flights/FlightCard.scss | 12 ++++++------ src/ui/layout/SearchHistory.scss | 2 +- 14 files changed, 23 insertions(+), 23 deletions(-) diff --git a/src/features/flights-map/components/FlightsMapStartPage.scss b/src/features/flights-map/components/FlightsMapStartPage.scss index 83445736..67225194 100644 --- a/src/features/flights-map/components/FlightsMapStartPage.scss +++ b/src/features/flights-map/components/FlightsMapStartPage.scss @@ -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); } } diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss index 7f649633..42312e89 100644 --- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss +++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss @@ -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; diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss index 4e8ed645..63577a50 100644 --- a/src/features/online-board/components/OnlineBoardDetailsPage.scss +++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss @@ -96,7 +96,7 @@ height: 100%; background: colors.$blue; width: 0; - transition: width 150ms ease; + transition: width 0.2s ease; } &__center--finished { diff --git a/src/features/online-board/components/OnlineBoardSearchPage.scss b/src/features/online-board/components/OnlineBoardSearchPage.scss index 538e0641..30fc049d 100644 --- a/src/features/online-board/components/OnlineBoardSearchPage.scss +++ b/src/features/online-board/components/OnlineBoardSearchPage.scss @@ -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; diff --git a/src/features/schedule/components/DayGroupedFlightList.scss b/src/features/schedule/components/DayGroupedFlightList.scss index 3ade819f..c13eee38 100644 --- a/src/features/schedule/components/DayGroupedFlightList.scss +++ b/src/features/schedule/components/DayGroupedFlightList.scss @@ -101,7 +101,7 @@ &__chevron { margin-left: auto; color: colors.$blue; - transition: transform 150ms ease; + transition: transform 0.2s ease; &--collapsed { transform: rotate(-90deg); diff --git a/src/features/schedule/components/ScheduleDetailsPage.scss b/src/features/schedule/components/ScheduleDetailsPage.scss index b4d6491f..a03713ba 100644 --- a/src/features/schedule/components/ScheduleDetailsPage.scss +++ b/src/features/schedule/components/ScheduleDetailsPage.scss @@ -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; } } diff --git a/src/features/schedule/components/ScheduleFilter.scss b/src/features/schedule/components/ScheduleFilter.scss index 9d74df2f..0c5387fb 100644 --- a/src/features/schedule/components/ScheduleFilter.scss +++ b/src/features/schedule/components/ScheduleFilter.scss @@ -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; } } diff --git a/src/features/schedule/components/ScheduleFlightBody.scss b/src/features/schedule/components/ScheduleFlightBody.scss index 2afdf0d4..30b2b099 100644 --- a/src/features/schedule/components/ScheduleFlightBody.scss +++ b/src/features/schedule/components/ScheduleFlightBody.scss @@ -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; } } diff --git a/src/features/schedule/components/ScheduleSearchPage.scss b/src/features/schedule/components/ScheduleSearchPage.scss index 9c79393e..127486b1 100644 --- a/src/features/schedule/components/ScheduleSearchPage.scss +++ b/src/features/schedule/components/ScheduleSearchPage.scss @@ -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 { diff --git a/src/features/schedule/components/ScheduleStartPage.scss b/src/features/schedule/components/ScheduleStartPage.scss index 64c7cdd3..4fe55caf 100644 --- a/src/features/schedule/components/ScheduleStartPage.scss +++ b/src/features/schedule/components/ScheduleStartPage.scss @@ -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; diff --git a/src/features/schedule/components/WeekTabs.scss b/src/features/schedule/components/WeekTabs.scss index 4fa2bf7b..5876289d 100644 --- a/src/features/schedule/components/WeekTabs.scss +++ b/src/features/schedule/components/WeekTabs.scss @@ -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; } diff --git a/src/ui/calendar/DayQuickPick.scss b/src/ui/calendar/DayQuickPick.scss index 41cb64ce..3441eb44 100644 --- a/src/ui/calendar/DayQuickPick.scss +++ b/src/ui/calendar/DayQuickPick.scss @@ -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; } diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss index 08a1319c..77431ae3 100644 --- a/src/ui/flights/FlightCard.scss +++ b/src/ui/flights/FlightCard.scss @@ -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; diff --git a/src/ui/layout/SearchHistory.scss b/src/ui/layout/SearchHistory.scss index 20228196..4a141e77 100644 --- a/src/ui/layout/SearchHistory.scss +++ b/src/ui/layout/SearchHistory.scss @@ -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.