Match Angular accordion time values + aircraft property values

Measured Angular computed styles on the deployed reference:
  time-value:    12px / 400 / #F37B09  (mine: bold / #222)
  time-date:     10px / #333            (mine: 12px / blue)
  time-label:    12px / #333            (mine: 12px / #8A8A8A)
  day-change:    10px / baseline / #4A90E2 (mine: 11px / super / blue)
  aircraft lbl:  12px / #657282         (mine: 12px / #8A8A8A)
  aircraft val:  16px / 500 / #333      (mine: bold / #222)

Retune the accordion's transition-time cells ('15:30', '14:45') to
render in brand orange so the red 'Закончена' status stays the loudest
signal, keep the dayChange '-1' badge inline at baseline, and push
aircraft property values up to 16px/500 #333 so 'Салехард / 87 / 75 /
12' read slightly bigger than the small grey labels above them.
This commit is contained in:
2026-04-19 02:23:13 +03:00
parent 4b54837db1
commit f18e6d4bc0
2 changed files with 23 additions and 13 deletions
@@ -146,25 +146,31 @@
&__time-label {
font-size: 12px;
color: #8a8a8a;
color: #333;
}
// Angular renders accordion time values ('15:30', '14:45') at 12px
// regular in the brand orange — not bold dark — so the red 'Закончена'
// status text stays the loudest element in the row.
&__time-value {
font-weight: 600;
color: #222;
font-size: 12px;
font-weight: 400;
color: #f37b09;
}
// Day-change badge ('-1'): Angular keeps it inline at baseline (not
// superscript) with a slightly softer blue.
&__day-change {
margin-left: 6px;
font-size: 11px;
font-weight: 500;
color: #2457ff;
vertical-align: super;
margin-left: 4px;
font-size: 10px;
font-weight: 400;
color: #4a90e2;
vertical-align: baseline;
}
&__time-date {
font-size: 12px;
color: #2457ff;
font-size: 10px;
color: #333;
}
}
@@ -69,12 +69,16 @@
&__label {
font-size: 12px;
color: #8a8a8a;
color: #657282;
}
// Aircraft property values ('Салехард', '87', '75', '12'). Angular
// shows these at 16px/500/#333 — larger and darker than the label,
// but not bold.
&__value {
font-weight: 600;
color: #222;
font-size: 16px;
font-weight: 500;
color: #333;
}
&__prop--link .aircraft-panel__value {