qugalet/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2024-12-28 01:56:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

checkbox-list styling with taller <p> element

Browse source
This commit is contained in:
f0x 2023-01-26 16:39:25 +01:00
parent 782169da76
commit 3960327a43
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/source/settings/components/check-list.jsx
View file

@ -23,7 +23,7 @@ const React = require("react");
module.exports = function CheckList({ field, Component, header = " All", ...componentProps }) {
return (
<div className="checkbox-list list">
<label className="header">
<label className="header entry">
<input
ref={field.toggleAll.ref}
type="checkbox"

13
web/source/settings/style.css
View file

@ -370,7 +370,8 @@ span.form-info {
.checkbox-list {
.header, .entry {
gap: 1rem;
display: grid;
gap: 0 1rem;
}
}
@ -625,7 +626,6 @@ span.form-info {
.checkbox-list {
.entry {
display: grid;
grid-template-columns: auto auto 1fr;
}
@ -684,9 +684,14 @@ button.with-padding {
.suspend-import-list {
.checkbox-list {
.header, .entry {
display: grid;
.entry {
grid-template-columns: auto 25ch auto 1fr;
grid-template-rows: auto 1fr;
p {
grid-column: 4;
grid-row: 1 / span 2;
}
}
}