1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-01-20 16:50:28 -05:00
forgejo/web_src/css
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
..
chroma [Port] gitea#30014: Various code view improvements 2024-03-28 16:43:14 +01:00
codemirror Remove EasyMDE focus outline on text (#25328) 2023-06-18 04:10:07 +00:00
editor Remove tab key handling in markdown editor, add toolbar buttons instead, re #4072 #4142 (#4263) 2024-06-30 13:03:32 +00:00
features ui: improve commit graph layout 2024-09-17 17:33:00 +02:00
markup Fix margin above headline in rendered org-mode (#4076) 2024-06-11 03:34:21 +00:00
modules Make switch larger on touchscreen devices (#6546) 2025-01-13 17:28:36 +00:00
repo Fix minor misalignment (#6541) 2025-01-13 08:27:42 +00:00
shared Forbid deprecated break-word in CSS (#30934) 2024-05-12 20:03:10 +02:00
standalone Add toasts to UI (#25449) 2023-06-27 02:45:24 +00:00
themes ui: simplify main-attribute labels 2024-12-08 17:30:52 +05:00
actions.css Add support for workflow_dispatch (#3334) 2024-06-28 05:17:11 +00:00
admin.css User details page (#26713) 2023-08-31 11:21:18 +02:00
base.css New repo: Clean up and improve CSS 2024-12-28 22:31:12 +01:00
dashboard.css fix(ui): prevent uppercase in header of dashboard context selector 2024-08-04 16:10:15 +05:00
explore.css [Port] gitea#29982 Introduce .secondary-nav and handle .page-content spacing universally 2024-03-28 16:43:09 +01:00
font_i18n.css Fix @font-face overrides (#24855) 2023-05-24 01:48:51 +00:00
form.css Rework user profile settings 2024-12-30 16:42:58 +01:00
helpers.css Merge pull request 'Replace gt-word-break with tw-break-anywhere' (#4102) from 0ko/forgejo:ui-replace-gt-word-break into forgejo 2024-06-11 10:39:03 +00:00
home.css [BRANDING] Add Forgejo light, dark, and auto themes 2024-02-05 16:02:13 +01:00
index.css ui: switch redesign (#6459) 2025-01-05 18:46:47 +00:00
install.css UI improvements to optional sections in installation page (#4062) 2024-06-07 17:57:54 +00:00
org.css Remove unneccessary uses of word-break: break-all (#31637) 2024-07-22 15:50:57 +02:00
repo.css Merge pull request 'Cosmetic changes and fixes around repo homepage' (#6401) from 0ko/forgejo:ui-repo-meta-2 into forgejo 2024-12-29 14:46:34 +00:00
review.css fix(ui): put buttons in a single row on mobile 2024-11-25 18:43:09 +05:00
user.css Rework user profile settings 2024-12-30 16:42:58 +01:00