mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Improve legacy Checkbox styles

environments/review-custom-imp-092re4/deployments/778
Alex Gleason 2022-05-06 18:51:06 -05:00
rodzic 047c50cc02
commit 43d494d43c
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 3 dodań i 4 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
app/soapbox/components/ui/form-group/form-group.tsx
Wyświetl plik

@ -10,7 +10,7 @@ interface IFormGroup {
errors?: string[] errors?: string[]
} }
/** Input element with label and hint. */ /** Input container with label. Renders the child. */
const FormGroup: React.FC<IFormGroup> = (props) => { const FormGroup: React.FC<IFormGroup> = (props) => {
const { children, errors = [], labelText, hintText } = props; const { children, errors = [], labelText, hintText } = props;
const formFieldId: string = useMemo(() => `field-${uuidv4()}`, []); const formFieldId: string = useMemo(() => `field-${uuidv4()}`, []);

5
app/styles/forms.scss
Wyświetl plik

@ -65,10 +65,9 @@ code {
position: relative; position: relative;
.label_input > label { .label_input > label {
@apply text-black dark:text-white; @apply text-sm font-medium text-gray-700 dark:text-gray-400;
font-family: inherit; font-family: inherit;
font-size: 14px; font-size: 14px;
padding-top: 5px;
display: block; display: block;
width: auto; width: auto;
} }
@ -84,7 +83,7 @@ code {
input[type="checkbox"] { input[type="checkbox"] {
position: absolute; position: absolute;
top: 3px; top: 1px;
left: 0; left: 0;
} }