diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/messages.js | 6 | ||||
| -rw-r--r-- | src/style.css | 2 |
2 files changed, 3 insertions, 5 deletions
diff --git a/src/features/messages.js b/src/features/messages.js index 3789f93..017629f 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -12190,12 +12190,13 @@ export function messagesFeature(ctx) { // true/false, or null while the clip's shape isn't known const clipFits = (url) => { if (clipsAll()) return true; const sh = clipShape(url); return sh === null ? null : sh === 'square' || sh === (screenTall() ? 'tall' : 'wide'); }; const clipsLabel = () => t(clipsAll() ? 'clipsAll' : screenTall() ? 'clipsTall' : 'clipsWide'); - // the toggle: in the pager's top bar and over the Videos grid + // the toggle: in the pager's top bar only (over the grid it sat oddly + // apart from the chips); the grid follows the same setting function clipsToggle(cls, after) { return h('button', { class: cls, type: 'button', title: t('clipsToggleTitle'), onClick: (e) => { e.stopPropagation(); setClipsAll(!clipsAll()); - for (const b of document.querySelectorAll('.mp-fit, .media-fit-btn')) b.textContent = clipsLabel(); + for (const b of document.querySelectorAll('.mp-fit')) b.textContent = clipsLabel(); if (after) after(); if (mediaMode === 'videos') scheduleRepaint(); } }, clipsLabel()); @@ -12438,7 +12439,6 @@ export function messagesFeature(ctx) { if (missing.length) warmTileThumbs(missing).then(() => queueTileThumbs(missing.filter((u) => !tileThumbs.has(u)))); } return h('div', { class: 'media-grid', 'data-key': 'media-grid:' + mediaMode }, - mediaMode === 'videos' ? h('div', { class: 'media-fit', 'data-key': 'media-fit' }, clipsToggle('media-fit-btn')) : null, ...items.map((it) => { const k = mediaKey(it); // a video tile shows a still at once: kept, given, or the server's diff --git a/src/style.css b/src/style.css index f7d4774..4365b95 100644 --- a/src/style.css +++ b/src/style.css @@ -1585,8 +1585,6 @@ body::after { screen; its clip's poster still loads there. */ .mp-group.mp-wait, .mp-group.mp-off { position: fixed; top: -400vh; left: 0; height: 0; visibility: hidden; pointer-events: none; } /* over the Videos grid: which shapes */ -.media-fit { grid-column: 1 / -1; display: flex; justify-content: flex-end; padding: 2px 8px 0; } -.media-fit-btn { height: 28px; padding: 0 12px; font-size: 12px; font-weight: 600; border-radius: 999px; border: 0; color: var(--text, inherit); background: var(--chip-bg, rgba(127, 127, 127, .15)); } /* A mouse's way through the pager: arrows, where there is a pointer to hover with (a phone swipes). Faint until the pointer is over the pager; the sideways pair only when the post has a picture that way. */ |