forgejo/web_src/css/modules
0ko 30c7a0b947 Make switch larger on touchscreen devices ()
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 () 2023-08-16 00:08:23 +00:00
button.css Fix button hover border () 2024-03-30 07:17:30 +01:00
card.css Update JS dependencies and misc tweaks () 2023-06-27 21:44:17 +02:00
checkbox.css Tweak and fix toggle checkboxes () 2024-04-21 12:06:42 +02:00
comment.css Consolidate the two review boxes into one () 2023-05-29 12:44:03 +02:00
container.css Fix wiki search overflowing on wide screens () 2024-11-25 09:50:13 +01:00
divider.css Pulse page improvements () 2024-04-21 11:08:33 +02:00
flexcontainer.css Use flex-container for dashboard layout () 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 () 2024-04-21 11:08:33 +02:00
input.css Fix right-aligned input icons () 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 () 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 () 2023-09-28 08:43:20 +00:00
navbar.css Fix spacing in issue navbar () 2024-04-07 15:40:31 +02:00
normalize.css Use line-height: normal by default () 2023-08-22 10:19:15 +00:00
segment.css Fix border-radius of header+segment boxes () 2024-04-28 15:39:01 +02:00
select.css add stylelint-stylistic () 2023-06-17 13:20:32 +00:00
svg.css Prevent SVG shrinking () 2023-07-04 02:15:06 +00:00
switch.css Make switch larger on touchscreen devices () 2025-01-13 17:28:36 +00:00
table.css Fix table alignment classes () 2024-03-30 07:17:31 +01:00
tippy.css Replace coloris with vanilla-colorful () 2024-04-07 15:40:31 +02:00
toast.css Remove some unused CSS styles () 2023-09-01 08:59:38 +02:00