doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Gospel x Internet: the row checkbox hit area is a full 24 x 24 px

Browse source
This commit is contained in:
Doxa Maps 2026-09-28 02:33:15 +00:00
parent 3725930af9
commit 2dc43364f3
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
plugin-designs/gospel-internet/src/components/GiGrid.vue
View file

@ -150,9 +150,9 @@ useShadowStyles(
'.gig-tr.sel{background:#e3ece2}' +
'.gig-tr.open{box-shadow:inset 3px 0 0 #3b463d}' +
'.gig-sticky{position:sticky;inset-inline-start:0;z-index:1;background:inherit;font-weight:600}' +
'.gig-chk{width:34px;justify-content:center}' +
'.gig-chk{width:40px;justify-content:center}' + // 24 px of content inside the 8 px side padding: room for the hit area
'.gig-chk input{width:15px;height:15px;margin:0;cursor:pointer;accent-color:#3b463d}' +
'.gig-hit{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}' +
'.gig-hit{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;cursor:pointer}' +
'.gig-dot{width:10px;height:10px;border-radius:50%;box-sizing:border-box;border:1.5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);flex:none;margin-inline-end:6px}' +
'.gig-sw{width:10px;height:10px;border-radius:2px;flex:none;margin-inline-end:6px;opacity:.85}' +
'.gig-td a{color:#4f6b52}' +