truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add quarter field to company history items with localization support, enhancing data organization and user experience

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-21 20:16:32 +03:00
parent cc6ca1f660
commit 2018860c23
8 changed files with 133 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/company-history/timeline.blade.php
+31 -2
View File
@@ -64,7 +64,12 @@
<div class="company-history-timeline__side company-history-timeline__side--inner">
<div class="company-history-timeline__content">
<div class="company-history-timeline__year">{{ $item->year }}</div>
<div class="company-history-timeline__year">
<span class="company-history-timeline__year-value">{{ $item->year }}</span>
@if($item->quarter)
<span class="company-history-timeline__quarter">{{ $item->quarter }}</span>
@endif
</div>
@if($titleUpper)
<h3 class="company-history-timeline__title">{{ $titleUpper }}</h3>
@endif
@@ -212,13 +217,37 @@
.company-history-timeline__year {
font-family: var(--ch-font-year);
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem 0.75rem;
margin-bottom: 0.35rem;
}
.company-history-timeline__year-value {
font-size: clamp(2.1rem, 4.2vw, 3rem);
font-weight: 800;
line-height: 1;
letter-spacing: -0.03em;
font-variant-numeric: tabular-nums;
color: var(--item-color);
margin-bottom: 0.35rem;
}
.company-history-timeline__quarter {
font-family: var(--ch-font-label);
font-size: 0.95rem;
font-weight: 600;
letter-spacing: 0.08em;
color: var(--item-color);
opacity: 0.85;
padding: 0.15rem 0.55rem;
border: 2px solid var(--item-color);
border-radius: 0.35rem;
line-height: 1.2;
}
.company-history-timeline__item--left .company-history-timeline__year {
justify-content: flex-end;
}
.company-history-timeline__title {