hide_from_signals on a subscription, on an OPML or creator covering every show in it, as hide_from_all does for All Subscriptions: the judge does not put its items to Jev, and each Signal's list and counts leave them out. shown_in() is the one SQL rule for both. The settings dialog had grown one captioned setting at a time into a single column, one part boxed and the rest not. It is in named parts now, the name in a column beside the controls and above them on a phone, ruled apart; All Subscriptions and Signals carry the sidebar's icons. The address, the same for everyone, moves to the foot. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
38
web/app.css
38
web/app.css
@@ -1095,14 +1095,30 @@ input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radiu
|
||||
/* ---------- a feed's settings (#167) ---------- */
|
||||
/* A frame of its own: the body scrolls and Save stays at the foot, where on a phone it had been
|
||||
three screens down. */
|
||||
.card.fset{padding:0;display:flex;flex-direction:column;overflow:hidden;width:min(520px,100%)}
|
||||
.card.fset{padding:0;display:flex;flex-direction:column;overflow:hidden;width:min(580px,100%);container-type:inline-size}
|
||||
.fsetbody{overflow:auto;min-height:0;padding:22px 24px 24px}
|
||||
.card.fset .fsetfoot{flex:none;margin:0;padding:12px 24px;border-top:1px solid var(--line)}
|
||||
.fsethead{display:flex;gap:14px;align-items:center;margin-bottom:18px}
|
||||
.fsethead{display:flex;gap:14px;align-items:center;margin-bottom:20px}
|
||||
.fsethead .art{width:56px;height:56px;border-radius:12px;font-size:18px}
|
||||
.fsethead h3{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}
|
||||
.fsethead p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--dim)}
|
||||
.faddr{margin-bottom:18px}
|
||||
/* A part of the settings, named in a column of its own beside its controls (#290); on a phone the
|
||||
name sits above them. Ruled apart rather than boxed: the boxes, one round downloads and none
|
||||
round the rest, read as a difference between the settings that was not there. */
|
||||
.fsec{display:grid;grid-template-columns:104px minmax(0,1fr);gap:6px 20px;padding:14px 0 16px;border-top:1px solid var(--line)}
|
||||
.fsec h4{margin:0;padding-top:10px;font-size:13px;font-weight:600;line-height:1.3;color:var(--dim)}
|
||||
.fsecin{display:grid;gap:6px;min-width:0}
|
||||
@container (max-width:480px){
|
||||
.fsec{grid-template-columns:minmax(0,1fr);gap:4px}
|
||||
.fsec h4{padding-top:0}
|
||||
}
|
||||
/* All Subscriptions and Signals with the icons the sidebar gives them, so the switch reads as that place. */
|
||||
.switch.fplace>span:first-child{display:flex;align-items:center;gap:10px}
|
||||
.fico{display:inline-flex;justify-content:center;width:18px;flex:none;color:var(--accent)}
|
||||
.fico svg{width:15px;height:15px}
|
||||
.fsig img{display:block;width:18px;height:18px;border-radius:5px}
|
||||
/* Set on the OPML it came from, not here: shown, and plainly out of reach. */
|
||||
.fplace:has(input:disabled){opacity:.5;cursor:default}
|
||||
.moved{margin:2px 0 0;font-size:13px;color:var(--accent)}
|
||||
/* On or off, drawn as iOS draws it, as the app is on a phone (#53). The box is the real control,
|
||||
unseen over the track, so a click, a tap, the keyboard and a screen reader all reach it. */
|
||||
@@ -1117,16 +1133,14 @@ input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radiu
|
||||
.sw input:checked+i{background:var(--accent);border-color:var(--accent)}
|
||||
.sw input:checked+i::after{transform:translateX(16px)}
|
||||
.sw input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
|
||||
/* The switch and what only matters while it downloads on its own, in one box; the rest folds away
|
||||
when it is off. In --line, not --edge, so the box shows on a phone, which draws no outlines. The
|
||||
rows in a grid of one row, 1fr open and 0fr shut, so the fold has a height to move. */
|
||||
.fdl{border:1px solid var(--line);border-radius:12px;padding:4px 14px}
|
||||
/* What only matters while it downloads on its own folds away when it is off: the rows in a grid of
|
||||
one row, 1fr open and 0fr shut, so the fold has a height to move. */
|
||||
/* The same box round a part of a dialog that stands apart: API tokens in Settings. */
|
||||
.field.boxed{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
|
||||
.fdeps{display:grid;grid-template-rows:1fr;transition:grid-template-rows .22s ease}
|
||||
.fdeps.off{grid-template-rows:0fr}
|
||||
.fdeps>div{min-height:0;overflow:hidden}
|
||||
.fdepsin{padding:6px 2px 10px}
|
||||
.fdepsin{padding:6px 0 2px}
|
||||
/* The app's own segmented control, with radio buttons in it, for the arrow keys. */
|
||||
.seg{margin-bottom:12px}
|
||||
.seg label{flex:1;position:relative;text-align:center;white-space:nowrap;padding:5px 10px;border-radius:7px;font-size:13px;color:var(--dim);cursor:pointer}
|
||||
@@ -1146,6 +1160,8 @@ input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radiu
|
||||
.wcap{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--dim)}
|
||||
.wcap input[type=number]{display:inline-block;width:4.2em;margin:0 2px;padding:1px 4px;font-size:13px;text-align:center;font-variant-numeric:tabular-nums;color:var(--fg)}
|
||||
.ffield{display:grid;gap:6px;margin-bottom:14px}
|
||||
.fsecin>.ffield:last-child{margin-bottom:0}
|
||||
.fsecin>.cap+.ffield{margin-top:10px}
|
||||
/* DeadAir's pause: four stops on one scale, a dot at each so it reads as four places to stop. */
|
||||
.dpause{display:grid;gap:6px;margin-top:6px}
|
||||
.dphead{display:flex;justify-content:space-between;align-items:baseline}
|
||||
@@ -1165,9 +1181,6 @@ input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radiu
|
||||
.dpends{display:flex;justify-content:space-between;font-size:12.5px;color:var(--dim)}
|
||||
.dpause:has(input:disabled){opacity:.45}
|
||||
.dpslide input[type=range]:disabled{cursor:default}
|
||||
.fdl+.ffield{margin-top:18px}
|
||||
/* DeadAir shares the box but not the fold: it applies whether or not this show downloads on its own. */
|
||||
.fdead{border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
|
||||
.flabel{font-size:14px;font-weight:500}
|
||||
.cap{margin:0;font-size:12.5px;line-height:1.45;color:var(--dim)}
|
||||
/* Words and phrases as chips: in one comma-separated box, one ran into the next. */
|
||||
@@ -1398,6 +1411,7 @@ body:has(#player.on) #status{padding-bottom:3px}
|
||||
.fsetbody{padding:20px 16px 24px}
|
||||
.card.fset .fsetfoot{padding:12px 16px calc(12px + var(--safe-b))}
|
||||
.fsethead .art{width:64px;height:64px;border-radius:14px}
|
||||
.fsec h4{font-size:14px}
|
||||
.fsethead p,.wcap,.cap{font-size:14px}
|
||||
.switch,.flabel{font-size:17px}
|
||||
.switch{min-height:44px}
|
||||
@@ -1413,7 +1427,7 @@ body:has(#player.on) #status{padding-bottom:3px}
|
||||
.chips{background:var(--panel2);border-color:var(--edge);border-radius:10px}
|
||||
.chip{background:var(--panel);font-size:15px;padding:5px 4px 5px 12px}
|
||||
.chipx{width:26px;height:26px}
|
||||
.fdl,.field.boxed{border-radius:14px}
|
||||
.field.boxed{border-radius:14px}
|
||||
.toast{border-radius:14px}
|
||||
}
|
||||
@keyframes sheet{from{transform:translateY(100%)}}
|
||||
|
||||
Reference in New Issue
Block a user