1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-01-21 16:55:06 -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 Use unique class for breadcrumb divider (#26524) 2023-08-16 00:08:23 +00:00
button.css Fix button hover border (#30048) 2024-03-30 07:17:30 +01:00
card.css Update JS dependencies and misc tweaks (#25540) 2023-06-27 21:44:17 +02:00
checkbox.css Tweak and fix toggle checkboxes (#30527) 2024-04-21 12:06:42 +02:00
comment.css Consolidate the two review boxes into one (#24738) 2023-05-29 12:44:03 +02:00
container.css Fix wiki search overflowing on wide screens (#6047) 2024-11-25 09:50:13 +01:00
divider.css Pulse page improvements (#30149) 2024-04-21 11:08:33 +02:00
flexcontainer.css Use flex-container for dashboard layout (#30214) 2024-04-21 11:12:00 +02:00
grid.css Implement CSS-only input toggling, refactor related forms 2024-08-21 15:03:19 +02:00
header.css Pulse page improvements (#30149) 2024-04-21 11:08:33 +02:00
input.css Fix right-aligned input icons (#30301) 2024-04-07 15:40:31 +02:00
label.css ui: fix issue labels 2024-07-17 16:19:44 +05:00
list.css Fix floated list items (#30377) 2024-04-15 20:01:35 +02:00
message.css [Port] gitea#30014: Various code view improvements 2024-03-28 16:43:14 +01:00
modal.css Improve issue history dialog and make poster can delete their own history (#27323) 2023-09-28 08:43:20 +00:00
navbar.css Fix spacing in issue navbar (#30238) 2024-04-07 15:40:31 +02:00
normalize.css Use line-height: normal by default (#26635) 2023-08-22 10:19:15 +00:00
segment.css Fix border-radius of header+segment boxes (#30667) 2024-04-28 15:39:01 +02:00
select.css add stylelint-stylistic (#25285) 2023-06-17 13:20:32 +00:00
svg.css Prevent SVG shrinking (#25652) 2023-07-04 02:15:06 +00:00
switch.css Make switch larger on touchscreen devices (#6546) 2025-01-13 17:28:36 +00:00
table.css Fix table alignment classes (#30144) 2024-03-30 07:17:31 +01:00
tippy.css Replace coloris with vanilla-colorful (#30201) 2024-04-07 15:40:31 +02:00
toast.css Remove some unused CSS styles (#26852) 2023-09-01 08:59:38 +02:00