Replace 4 rgba(46,87,255,0.04/0.06/0.08) hover tints with $blue-extra-light / $blue-icon (brand palette)
This commit is contained in:
@@ -55,7 +55,7 @@
|
||||
color: colors.$blue;
|
||||
border-radius: vars.$border-radius;
|
||||
|
||||
&:hover { background: rgba(46, 87, 255, 0.06); }
|
||||
&:hover { background: colors.$blue-extra-light; }
|
||||
|
||||
.svg--change-city {
|
||||
width: 24px;
|
||||
|
||||
@@ -18,11 +18,15 @@
|
||||
border-left: 3px solid colors.$blue;
|
||||
}
|
||||
|
||||
// Angular highlights clickable flight rows with $blue-extra-light
|
||||
// (#f3f9ff) on hover — the same tint used for the `frame` background
|
||||
// of the left-column accordion. Use the brand token here rather than
|
||||
// a one-off translucent blue.
|
||||
&--clickable .flight-card__row {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(46, 87, 255, 0.04);
|
||||
background-color: colors.$blue-extra-light;
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
@@ -226,6 +230,9 @@
|
||||
padding-top: vars.$space-s;
|
||||
}
|
||||
|
||||
// Mirrors Angular `share-button.component.scss`: transparent bg,
|
||||
// hover fills with $blue-icon (#e3f0fd), matching the share action
|
||||
// buttons across the Angular site.
|
||||
&__share-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -245,7 +252,7 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(46, 87, 255, 0.08);
|
||||
background-color: colors.$blue-icon;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -261,7 +268,7 @@
|
||||
text-decoration: none;
|
||||
transition: background-color 150ms ease;
|
||||
|
||||
&:hover { background: rgba(46, 87, 255, 0.06); }
|
||||
&:hover { background: colors.$blue-extra-light; }
|
||||
}
|
||||
|
||||
&__buy-btn {
|
||||
|
||||
@@ -80,8 +80,10 @@
|
||||
border-top: 1px solid colors.$border;
|
||||
transition: background-color 150ms ease;
|
||||
|
||||
// Angular highlights search-history rows with $blue-extra-light
|
||||
// (#f3f9ff) on hover — same tint as the frame background.
|
||||
&:hover {
|
||||
background-color: rgba(46, 87, 255, 0.04);
|
||||
background-color: colors.$blue-extra-light;
|
||||
}
|
||||
|
||||
&:hover .search-history-item__icon {
|
||||
|
||||
Reference in New Issue
Block a user