mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-10-29 17:22:24 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

[bugfix/frontend] Small safari + gnome web fixes (#3219)

Browse source 
* [bugfix/frontend] Small safari + gnome web fixes

* wee

* update comment
This commit is contained in:
tobi 2024-08-21 10:43:43 +02:00 • committed by GitHub
commit ffcf6e73f7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 44 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

28
web/source/settings/components/form/inputs.tsx
View file

@ -170,19 +170,21 @@ export function Select({
<label>
{label}
{children}
<select
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
onChange(e);
if (onChangeCallback !== undefined) {
onChangeCallback(e.target.value);
}
}}
value={value}
ref={ref as RefObject<HTMLSelectElement>}
{...props}
>
{options}
</select>
<div className="select-wrapper">
<select
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
onChange(e);
if (onChangeCallback !== undefined) {
onChangeCallback(e.target.value);
}
}}
value={value}
ref={ref as RefObject<HTMLSelectElement>}
{...props}
>
{options}
</select>
</div>
</label>
</div>
);

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

@ -374,6 +374,21 @@ section.with-sidebar > form {
flex-wrap: wrap;
gap: 0.4rem;
}
.select-wrapper {
/*
Selects are normalized in base.css to not have a down arrow on the side.
Overcome this on settings panel forms by replacing the down arrow.
*/
position: relative;
&::after {
content: "▼";
font-size: 0.8rem;
top: 0.3rem;
right: 1rem;
position: absolute;
}
}
}
.form-flex {