lepton/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compact mobile project rows
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Akshay Kolli
2026-07-02 16:50:50 -07:00
parent 5e22de5cce
commit 786e2bb99d
1 changed files with 44 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
static/css/main.css
View File

@@ -319,6 +319,7 @@ summary,
grid-template-columns: 3.25rem minmax(0, 1fr); grid-template-columns: 3.25rem minmax(0, 1fr);
gap: 0.28rem; gap: 0.28rem;
align-items: start; align-items: start;
min-width: 0;
padding: 0.16rem 0.32rem 0.2rem; padding: 0.16rem 0.32rem 0.2rem;
border: var(--rule) solid var(--line); border: var(--rule) solid var(--line);
background: var(--paper); background: var(--paper);
@@ -424,9 +425,15 @@ summary,
} }
.item-title { .item-title {
flex: 0 0 auto; display: block;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
overflow: hidden;
font-size: 1.12rem; font-size: 1.12rem;
line-height: 1.05; line-height: 1.05;
text-overflow: ellipsis;
white-space: nowrap;
} }
.item-title:hover, .item-title:hover,
@@ -457,15 +464,18 @@ summary,
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;
gap: 0.08rem 0.48rem; gap: 0.08rem 0.48rem;
align-items: baseline; align-items: baseline;
width: 100%;
min-width: 0; min-width: 0;
line-height: 1.15; line-height: 1.15;
} }
.item-head { .item-head {
display: flex; display: flex;
flex-wrap: nowrap;
gap: 0.32rem; gap: 0.32rem;
align-items: baseline; align-items: baseline;
min-width: 0; min-width: 0;
overflow: hidden;
} }
.post-title-tags { .post-title-tags {
@@ -511,6 +521,7 @@ summary,
.row-summary { .row-summary {
grid-column: 1 / -1; grid-column: 1 / -1;
min-width: 4rem; min-width: 4rem;
max-width: 100%;
margin: 0; margin: 0;
padding-left: 1rem; padding-left: 1rem;
overflow: hidden; overflow: hidden;
@@ -522,6 +533,7 @@ summary,
} }
.item-status { .item-status {
flex: 0 0 auto;
display: inline-block; display: inline-block;
color: var(--muted); color: var(--muted);
font-size: 0.72rem; font-size: 0.72rem;
@@ -551,17 +563,22 @@ summary,
display: inline-flex; display: inline-flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.42rem; gap: 0.42rem;
min-width: 0;
max-width: 100%;
margin: 0; margin: 0;
} }
.item-links a { .item-links a {
display: inline-block; display: inline-block;
max-width: 100%;
padding: 0.06rem 0.36rem 0.08rem; padding: 0.06rem 0.36rem 0.08rem;
border: 1px solid currentColor; border: 1px solid currentColor;
background: var(--paper); background: var(--paper);
color: var(--ink); color: var(--ink);
box-shadow: 1px 1px 0 currentColor; box-shadow: 1px 1px 0 currentColor;
line-height: 1.1; line-height: 1.1;
overflow-wrap: anywhere;
white-space: nowrap;
} }
.item-links a:hover, .item-links a:hover,
@@ -1127,13 +1144,18 @@ summary,
padding: 0.42rem 0.48rem 0.5rem; padding: 0.42rem 0.48rem 0.5rem;
} }
.post-row, .post-row {
.item-row {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 0.08rem; gap: 0.08rem;
padding: 0.36rem 0; padding: 0.36rem 0;
} }
.item-row {
grid-template-columns: 3.15rem minmax(0, 1fr);
gap: 0.2rem;
padding: 0.28rem 0.32rem;
}
.post-row + .post-row { .post-row + .post-row {
border-top: var(--rule) solid var(--line); border-top: var(--rule) solid var(--line);
} }
@@ -1143,8 +1165,12 @@ summary,
} }
.item-body { .item-body {
grid-template-columns: 1fr; grid-template-columns: minmax(0, 1fr) auto;
gap: 0.1rem; gap: 0.08rem 0.36rem;
}
.item-head {
gap: 0.12rem 0.32rem;
} }
.item-side { .item-side {
@@ -1155,7 +1181,19 @@ summary,
} }
.row-summary { .row-summary {
grid-column: 1; grid-column: 1 / -1;
min-width: 0;
padding-left: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-links {
width: auto;
gap: 0.24rem;
flex-wrap: nowrap;
justify-self: end;
} }
.post-row time, .post-row time,