this repo has no description
Waited wayy too long for Firefox to support :has
+22
-20
+1
-1
src/components/shortcuts-settings.css
+1
-1
src/components/shortcuts-settings.css
···
85
85
transform: scale(0.975);
86
86
transition: all 0.2s ease-out;
87
87
}
88
-
#shortcuts-settings-container .shortcuts-view-mode label:has(input:checked) {
88
+
#shortcuts-settings-container .shortcuts-view-mode label.checked {
89
89
box-shadow: inset 0 0 0 3px var(--link-color);
90
90
}
91
91
#shortcuts-settings-container
+21
-19
src/components/shortcuts-settings.jsx
+21
-19
src/components/shortcuts-settings.jsx
···
271
271
label: 'Multi-column',
272
272
imgURL: multiColumnUrl,
273
273
},
274
-
].map(({ value, label, imgURL }) => (
275
-
<label>
276
-
<input
277
-
type="radio"
278
-
name="shortcuts-view-mode"
279
-
value={value}
280
-
checked={
281
-
snapStates.settings.shortcutsViewMode === value ||
282
-
(value === 'float-button' &&
283
-
!snapStates.settings.shortcutsViewMode)
284
-
}
285
-
onChange={(e) => {
286
-
states.settings.shortcutsViewMode = e.target.value;
287
-
}}
288
-
/>{' '}
289
-
<img src={imgURL} alt="" width="80" height="58" />{' '}
290
-
<span>{label}</span>
291
-
</label>
292
-
))}
274
+
].map(({ value, label, imgURL }) => {
275
+
const checked =
276
+
snapStates.settings.shortcutsViewMode === value ||
277
+
(value === 'float-button' &&
278
+
!snapStates.settings.shortcutsViewMode);
279
+
return (
280
+
<label key={value} class={checked ? 'checked' : ''}>
281
+
<input
282
+
type="radio"
283
+
name="shortcuts-view-mode"
284
+
value={value}
285
+
checked={checked}
286
+
onChange={(e) => {
287
+
states.settings.shortcutsViewMode = e.target.value;
288
+
}}
289
+
/>{' '}
290
+
<img src={imgURL} alt="" width="80" height="58" />{' '}
291
+
<span>{label}</span>
292
+
</label>
293
+
);
294
+
})}
293
295
</div>
294
296
{/* <select
295
297
value={snapStates.settings.shortcutsViewMode || 'float-button'}