chadtmiller.com/knotless
git that lives in your Atmosphere account
1
10
A review's menu keeps the right of its head on a phone
web/src/app.css+2−0
| @@ -713,6 +713,8 @@ a.row:hover{background:var(--hover)} | ||
.comment .boxhead:has(.verdict){flex-wrap:wrap;row-gap:var(--space-1)} | ||
/* Who said it stays beside their avatar: the verdict wraps under them instead. */ | ||
.comment .boxhead:has(.verdict)>.byline{flex-basis:var(--byline-min)} | ||
/* On a phone the menu keeps the right of the first line, and the verdict goes under who said it. */ | ||
@media (max-width:640px){.comment .boxhead:has(.verdict){display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--space-2)}.comment .boxhead:has(.verdict)>.end:has(.verdict){grid-column:2;grid-row:2;justify-self:start;margin-left:0}.comment .boxhead:has(.verdict)>:last-child:not(.end){grid-column:3;grid-row:1}} | ||
.comment .prose{padding:var(--space-4) var(--space-5);font-size:var(--text-base)} | ||
.event{display:flex;align-items:center;gap:var(--space-2-5);color:var(--mute);padding:0 var(--pad-x)} | ||
.event .dot{flex-shrink:0;display:inline-grid;place-items:center;width:var(--dot);height:var(--dot);border-radius:50%;background:var(--merged);color:var(--on-solid)} | ||