bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use desktop layout, but hide avatars

Browse Source
This commit is contained in:
Andy Smith
2025-08-19 14:53:06 -05:00
parent 10cf8dcc4f
commit 4e22780bb3
1 changed files with 15 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/cards.css
+15 -27
View File
@@ -248,6 +248,8 @@
.card__meta { .card__meta {
--meta-border: 1px solid var(--card-color); --meta-border: 1px solid var(--card-color);
align-items: center;
display: flex;
max-inline-size: 100%; max-inline-size: 100%;
min-inline-size: 0; min-inline-size: 0;
text-transform: uppercase; text-transform: uppercase;
@@ -257,9 +259,10 @@
font-weight: 900; font-weight: 900;
} }
@media (min-width: 640px) { @media (max-width: 639px) {
align-items: center; .avatar {
display: flex; display: none;
}
} }
} }
@@ -269,21 +272,18 @@
} }
.card__meta-grid--author { .card__meta-grid--author {
border-inline-end: var(--meta-border);
grid-template-areas: grid-template-areas:
"avatar top" "avatar top"
"avatar bottom"; "avatar bottom";
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
.card__meta-author { grid-area: avatar; } .card__meta-author { grid-area: avatar; }
.card__meta-text--added { grid-area: top; } .card__meta-text--added { grid-area: top; }
.card__meta-text--author { grid-area: bottom; } .card__meta-text--author { grid-area: bottom; }
@media (min-width: 640px) { .card__meta-text {
border-inline-end: var(--meta-border); padding-inline-end: var(--inline-space);
.card__meta-text {
padding-inline-end: var(--inline-space);
}
} }
} }
@@ -297,16 +297,14 @@
.card__meta-text--updated { grid-area: top; } .card__meta-text--updated { grid-area: top; }
.card__meta-text--assigned { grid-area: bottom; } .card__meta-text--assigned { grid-area: bottom; }
.card__meta-text {
padding-inline-start: var(--inline-space);
}
.card__meta-assignees { .card__meta-assignees {
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
} }
@media (min-width: 640px) {
.card__meta-text {
padding-inline-start: var(--inline-space);
}
}
} }
.card__meta-text--added, .card__meta-text--added,
@@ -315,19 +313,9 @@
} }
.card__meta-author { .card__meta-author {
griad-area: avatar; grid-area: avatar;
} }
.card__timestamp { .card__timestamp {
opacity: 0.66; opacity: 0.66;
} }