0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-02-21 21:36:39 -05:00
forgejo/web_src/css/modules
0ko 30c7a0b947 Make switch larger on touchscreen devices (#6546)
Followup to https://codeberg.org/forgejo/forgejo/pulls/6459.

Usually it's quite hard to have inputs with balanced size that works for both desktop and mobile: it's either too large or too small for one of them. I think this can be a solution for this new element.

I tried it locally, it feels good on a phone. There's likely one downside which is that the switch will still be larger on touch devices even when they're wide, like on tablets. I think it can be resolved separately at some point. It isn't a problem on small devices because usually these elements go on separate rows.

## Preview

This change only affects touch devices.

|Before|After|
|-|-|
|![](/attachments/75311c3f-2e19-4b03-9596-7f78c78f0a70)|![](/attachments/74f987af-57c1-417d-89ed-f96666cb9bad)|

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6546
Reviewed-by: Michael Kriese <michael.kriese@gmx.de>
Reviewed-by: Otto <otto@codeberg.org>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>
2025-01-13 17:28:36 +00:00
..
animations.css Change --border-radius-circle to --border-radius-full (gitea#30936) 2024-05-27 13:15:20 +02:00
breadcrumb.css
button.css
card.css
checkbox.css
comment.css
container.css Fix wiki search overflowing on wide screens (#6047) 2024-11-25 09:50:13 +01:00
divider.css
flexcontainer.css
grid.css Implement CSS-only input toggling, refactor related forms 2024-08-21 15:03:19 +02:00
header.css
input.css
label.css ui: fix issue labels 2024-07-17 16:19:44 +05:00
list.css
message.css
modal.css
navbar.css
normalize.css
segment.css
select.css
svg.css
switch.css Make switch larger on touchscreen devices (#6546) 2025-01-13 17:28:36 +00:00
table.css
tippy.css
toast.css