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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user