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 #46

Merged
archvillainette merged 1 commits from fix/43-card-heart-alignment into main 2026-07-25 10:59:12 +00:00
Conversation 1 Commits 1 Files Changed 1
+9 -2
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ed168d0e97 - Show all commits
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);