aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2026-01-05 16:04:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: improve publishing date display

Browse Source 
- Use shorter date format (MMM d, yyyy instead of MMMM d, yyyy)
- Add subtle styling with reduced opacity and smaller font
- Make calendar icon smaller and more muted
- Style overlay version for hero images with subtle white text
This commit is contained in:
Gigi
2025-10-09 13:16:45 +01:00
parent 67c6b75cb7
commit 239ebba439
2 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/index.css
View File

@@ -524,6 +524,20 @@ body {
flex-wrap: wrap;
}
.publish-date {
display: flex;
align-items: center;
gap: 0.4rem;
font-size: 0.813rem;
color: rgba(136, 136, 136, 0.7);
opacity: 0.85;
}
.publish-date svg {
font-size: 0.75rem;
opacity: 0.6;
}
.reading-time {
display: flex;
align-items: center;
@@ -1116,6 +1130,16 @@ body {
flex-wrap: wrap;
}
.reader-header-overlay .publish-date {
color: rgba(255, 255, 255, 0.65);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
opacity: 1;
}
.reader-header-overlay .publish-date svg {
opacity: 0.7;
}
.reader-header-overlay .reading-time,
.reader-header-overlay .highlight-indicator {
background: rgba(255, 255, 255, 0.15);