ShadowsOverWestgate/sow-nodebb-theme
3
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Activity

fix: pin dev blog card like count to card bottom

Browse Source 
Card like row followed the excerpt, so hearts sat at different heights
across a grid row. Make the card and its body flex columns and give the
like row margin-top: auto.

Closes #43

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
archvillainette
2026-07-25 09:31:07 +02:00
co-authored by Claude Opus 5
parent 0bdb59aaa0
commit a7f472b867
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/westgate/_pages.scss
+9 -2
View File
@@ -89,7 +89,10 @@
} }
.sow-card { .sow-card {
display: block; // Column flex so the body can stretch and pin the like count to the card
// bottom, keeping hearts on one line across a grid row.
display: flex;
flex-direction: column;
background: var(--wg-velvet-panel); background: var(--wg-velvet-panel);
border: 1px solid var(--wg-border); border: 1px solid var(--wg-border);
border-radius: 8px; border-radius: 8px;
@@ -138,6 +141,9 @@ a.sow-card:hover {
} }
.sow-card-body { .sow-card-body {
display: flex;
flex: 1;
flex-direction: column;
padding: var(--wg-space-md); padding: var(--wg-space-md);
h3 { h3 {
@@ -924,7 +930,8 @@ a.sow-card:hover {
} }
.sow-card-likes { .sow-card-likes {
margin-top: var(--wg-space-xs); margin-top: auto;
padding-top: var(--wg-space-xs);
text-align: right; text-align: right;
font-size: 0.875rem; font-size: 0.875rem;
color: var(--wg-text-muted); color: var(--wg-text-muted);