Match Angular meal/service link color and DayTab number size
- Meal + on-board-service tile links ('Эконом класс', 'Комфорт класс',
'Выбор места', 'Space+') were rendering at 14px / #333 — readable but
not discoverable as clickable. Angular serves them at 12px / #4A90E2
with a darker hover so the whole tile reads as a link. Retune
.details-panel__icon accordingly.
- DayTab day number was 20px / 500; Angular uses 16px / 500 with a
smaller 11px weekday above it. Shrink day + weekday to match so the
date strip doesn't dominate the card.
This commit is contained in:
@@ -22,13 +22,16 @@
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// Angular's tabs size each line small: weekday 11px, day number 16px,
|
||||
// month 12px. Active tab keeps everything the same size but switches to
|
||||
// #333 and weight 500; siblings stay in the brand link blue.
|
||||
&__weekday {
|
||||
font-size: 12px;
|
||||
font-size: 11px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&__day {
|
||||
font-size: 20px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -86,12 +86,20 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Meal/service icon links ('Эконом класс', 'Выбор места', 'Space+', …).
|
||||
// Angular renders the label text at 12px in #4A90E2 (brand link blue),
|
||||
// which hints the whole tile is clickable without underlining.
|
||||
.details-panel__icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 12px;
|
||||
color: #4a90e2;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
color: #2457ff;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 24px;
|
||||
|
||||
Reference in New Issue
Block a user