revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-26 00:32:42 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui
History
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
..
button Unify user-select CSS directives 2023-05-27 21:26:49 +02:00
calendar Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
object-item Do not crop user avatar image in top bar when no Real Name set 2023-07-17 12:03:23 +02:00
workboards Unify user-select CSS directives 2023-05-27 21:26:49 +02:00
phui-action-list.css Update the "View Options" menu for recent filetree changes 2020-04-23 08:23:12 -07:00
phui-action-panel.css Add setImage to PHUIActionPanelView 2017-07-30 13:20:26 -07:00
phui-badge.css Fix typo in CSS definition 2024-07-01 13:11:50 +02:00
phui-basic-nav-view.css Mobile: show Homepage contents and avoid duplicate menus 2023-04-09 22:48:47 +02:00
phui-big-info-view.css Allow images to be used with PHUIBigInfoView 2017-08-03 18:56:19 -07:00
phui-box.css Make bulk editor working set editable and more homogenous 2018-01-19 12:39:27 -08:00
phui-bulk-editor.css Restore bulk edit support for remarkup fields (description, add comment) 2018-01-19 12:45:34 -08:00
phui-chart.css In stacked area charts, group nearby points so they don't overlap 2019-09-17 09:26:54 -07:00
phui-cms.css Rough in of NUX Guide steps 2016-08-20 14:05:12 -07:00
phui-comment-form.css Ellipsize long labels in Add Action area to avoid text overlap 2024-01-13 03:30:10 +01:00
phui-comment-panel.css Hide badges in phui-comment-panel 2016-12-02 11:02:53 -08:00
phui-crumbs-view.css Allow navigation breadcrumbs to be marked as "always visible" so they show up on phones 2018-05-09 13:21:47 -07:00
phui-curtain-object-ref-view.css Provide a simple "Attach File" explicit workflow for files referenced but not attached 2022-05-24 09:49:59 -07:00
phui-curtain-view.css Make PHUITwoColumnView a little more printable 2017-09-25 19:56:22 +00:00
phui-document-pro.css Fix "Actions" button on Phame standalone/live pages (bonus: JX.sprintf()) 2019-04-04 06:10:14 -07:00
phui-document-summary.css Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
phui-document.css Add a UI element for navigating between versions of a Phriction document 2018-08-29 13:49:15 -07:00
phui-feed-story.css Remove box-shadow from feed story actors 2016-10-11 11:15:02 -07:00
phui-fontkit.css Differentiate Remarkup header sizes more clearly 2019-06-04 16:03:32 -07:00
phui-form-view.css Always ellipsize long filename in file upload dialog 2023-07-29 12:14:50 +03:00
phui-form.css Fix two issues with missing whitespace when elements stack on top of each other while wrapping 2020-01-15 08:52:56 -08:00
phui-formation-view.css Stick the page footer in the right place on Formation View pages 2020-04-24 11:25:31 -07:00
phui-head-thing.css Update Diffusion UI 2016-03-17 12:05:14 -07:00
phui-header-view.css Allow collapsing/expanding workboard column content by clicking its header 2024-07-17 15:44:47 +02:00
phui-hovercard.css Fix hovercard background color when using Dark Mode 2023-08-17 13:17:10 +02:00
phui-icon-set-selector.css Fix icon background color when using Dark Mode 2023-08-16 10:30:22 +02:00
phui-icon.css Blur profile image when user account disabled 2023-07-12 22:05:56 +02:00
phui-image-mask.css Move rgba rules into CelerityDefaultPostprocessor 2016-02-16 09:54:43 -08:00
phui-info-view.css Some formatting changes for showing auth provider config guidance 2019-04-17 11:08:16 -07:00
phui-invisible-character-view.css Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
phui-left-right.css Update Diffusion File UI for single column 2017-08-21 13:35:25 -07:00
phui-lightbox.css Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
phui-list.css Hide Archived Panels from Dashboards 2023-08-01 09:51:18 +02:00
phui-object-box.css Update Herald rule creation workflow to use more modern UI elements 2020-02-04 07:37:54 -08:00
phui-pager.css Add a selected color state to PHUIPagerView 2017-06-06 17:00:39 -07:00
phui-pinboard-view.css Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
phui-policy-section-view.css Inline custom policy rules inside policy capability explanation dialogs 2019-09-12 09:40:50 -07:00
phui-property-list-view.css Remove bottom margin from embedded remarkup images 2024-01-22 17:06:16 +01:00
phui-remarkup-preview.css Clean up Remarkup Preview on mobile 2017-04-17 22:11:08 +00:00
phui-segment-bar-view.css Redesign Home/Profile/Projects side navigation 2017-01-31 08:59:01 -08:00
phui-spacing.css PHUIButtonView class 2013-06-12 18:23:35 -07:00
phui-status.css When a reviewer can't see a revision, show it clearly in the reviewer list 2021-02-13 13:37:37 -08:00
phui-tag-view.css Render user hovercards with context information about their ability to see the context object 2021-02-13 13:37:37 -08:00
phui-timeline-view.css User Badges: better integrate with Removed Comments 2023-04-07 00:21:41 +02:00
phui-two-column-view.css Move existing "Console" interfaces away from "setFixed(...)" on "TwoColumnView" 2020-02-04 06:52:23 -08:00