Block Lists: the enable switch keeps one place at the top of its row, not the middle of a row of any height
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
4c09a8df44
commit
37a74199e9
2 files changed
+4
-2
No files matched your search
@@ -63,7 +63,9 @@ row's name goes in `aria-label` instead, as the table checkboxes of Zones do.
|
|||||||
It takes BOTH classes `Check` gives its own DOM: `check` on the label (the 26 px
|
It takes BOTH classes `Check` gives its own DOM: `check` on the label (the 26 px
|
||||||
target and the input's alignment) and `toggle` for the switch drawing.
|
target and the input's alignment) and `toggle` for the switch drawing.
|
||||||
*/
|
*/
|
||||||
.switch { composes: check from '../../ui/Check.module.css'; }
|
/* Top-aligned with the list's first line (the cell is `align-top`), so the switch
|
||||||
|
keeps one place however tall the row grows. */
|
||||||
|
.switch { composes: check from '../../ui/Check.module.css'; padding: 0; min-height: 0; }
|
||||||
|
|
||||||
.name { font-weight: 600; }
|
.name { font-weight: 600; }
|
||||||
/* The URL wraps after its separators (`ui/UrlText`), not at whatever letter meets the
|
/* The URL wraps after its separators (`ui/UrlText`), not at whatever letter meets the
|
||||||
|
|||||||
@@ -761,7 +761,7 @@ export function BlockLists({
|
|||||||
td: (item) =>
|
td: (item) =>
|
||||||
item.kind === 'heading'
|
item.kind === 'heading'
|
||||||
? { colSpan: 4, scope: 'colgroup', role: 'columnheader' }
|
? { colSpan: 4, scope: 'colgroup', role: 'columnheader' }
|
||||||
: undefined,
|
: { className: 'align-top!' },
|
||||||
cell: (item) => {
|
cell: (item) => {
|
||||||
if (item.kind === 'heading') return item.node
|
if (item.kind === 'heading') return item.node
|
||||||
const { l, i } = item
|
const { l, i } = item
|
||||||
|
|||||||
Reference in new issue
Block a user