1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-23 05:50:55 +01:00
phorge-phorge/webroot/rsrc/css
Andre Klapper fec00256be Allow collapsing/expanding workboard column content by clicking its header
Summary:
Reduce users' need for scrolling on smaller screens with 920px or less viewport width by using HTML5's `<details>`/`<summary>` so clicking on a workboard column header hides the content of that column, in all CSS views (mobile, tablet, desktop). Keep expanding its content by default.

On mobile and tablet devices, display an arrow in the column header box below the header text to potentially make those users aware of this functionality that benefit the most from it. Do not render these arrows on desktop devices (though the collapse/expand functionality still works there).

See https://caniuse.com/details for browser (in)compatibility.

Closes T15843

Test Plan: Go to a project workboard with several columns and tasks in them on a screen with 920px or less width. See a small arrow below the column header text. Click on a column header to collapse and expand the column content.

Reviewers: O1 Blessed Committers, valerio.bozzolan, avivey

Reviewed By: O1 Blessed Committers, valerio.bozzolan, avivey

Subscribers: avivey, tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Maniphest Tasks: T15843

Differential Revision: https://we.phorge.it/D25672
2024-07-17 15:44:47 +02:00
..
aphront When users submit "editing" inlines, warn them that their inlines will be saved 2020-05-04 13:13:15 -07:00
application Persistent Chat: fix de-minimize misclick 2024-05-09 13:56:18 +02:00
core Add flexible line height to remarkup headers 2024-01-28 12:45:04 +01:00
diviner Lots of little fixes for Dark Mode (Experimental) 2017-07-19 14:41:23 -07:00
font Show change information in file icons in the filetree 2020-04-22 08:38:29 -07:00
fuel Improve handle/status list display on devices in commit graph lists 2020-08-12 09:04:08 -07:00
layout Fix source code viewer background color when using Dark Mode in Diffusion 2023-08-17 10:31:51 +02:00
phui Allow collapsing/expanding workboard column content by clicking its header 2024-07-17 15:44:47 +02:00
syntax Improve remarkup codeblock syntax highlighting when using Dark Mode 2024-03-03 15:58:03 +01:00
sprite-login.css Correct Phorge icon on Auth Provider page 2023-06-15 12:02:57 +02:00
sprite-tokens.css More tokens 2016-07-03 18:32:40 -07:00