FSST/Geizkragen
FSST/Geizkragen
2
0
Fork 0
Code Issues Projects 1 Releases 1 Wiki Activity

feat: enhance review user info layout with responsive avatar and name styling

Browse Source
This commit is contained in:
Fabian Schieder 2026-03-18 16:20:52 +01:00
parent 6af5b00fcf
commit db8bf9a98c
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/productpage.css
View File

@ -494,6 +494,34 @@
margin-bottom: 0.6rem;
}
/* User-Info (Avatar + Name/Datum) */
.review-user-info {
display: flex;
align-items: center;
gap: 0.75rem;
min-width: 0; /* erlaubt Text-Ellipsis/Umbruch in flex */
}
/* Profilbild in Reviews: immer gleich groß und angenehm klein */
.review-avatar {
width: clamp(28px, 3.2vw, 34px);
height: clamp(28px, 3.2vw, 34px);
flex: 0 0 auto;
border-radius: 50%;
object-fit: cover;
object-position: center;
display: block;
border: 1px solid rgba(148, 163, 184, 0.35);
background: #0f172a; /* falls Bild transparent/fehlend */
}
/* Optional: verhindert, dass lange Namen Layout sprengen */
.review-user {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.review-user {
font-weight: 600;
color: white;