1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 09:18:48 +02:00
phorge-phorge/webroot/rsrc/css/aphront
epriestley e586ed439a Improve overflow/ellipsis behaivor for very wide task graphs
Summary:
See downstream <https://phabricator.wikimedia.org/T171648>. The `T123 Task Name` column in graphs can currently fold down to 0 pixels wide.

Although it's visually nice to render this element without a scroll bar when we don't really need one, the current behavior is excessive and not very useful.

Instead, tweak the CSS so:

  - This cell is always at least 320px wide.
  - After 320px, we'll overflow/ellipsis the cell on small screens.

This generally gives us better behavior:

  - Small screens get a scrollbar to see a reasonable amount of content.
  - The UI doesn't turn into a total mess if one task has a whole novel of text.

Test Plan:
Old behavior, note that there's no scrollbar and the cell is so narrow it is useless:

{F6320208}

New behavior, same default view, has a scrollbar:

{F6320209}

Scrolling over gives you this:

{F6320210}

On a wider screen (this wide or better), we don't need to scroll:

{F6320211}

Reviewers: amckinley

Reviewed By: amckinley

Differential Revision: https://secure.phabricator.com/D20345
2019-03-28 21:16:48 -07:00
..
aphront-bars.css Standard colors for progress bars 2013-09-13 08:29:16 -07:00
dark-console.css In "Analyze Query Plans" mode, collect service call stack traces in DarkConsole 2018-03-14 20:34:34 -07:00
dialog-view.css Clean up some dialog spacing 2017-08-09 20:04:39 -07:00
list-filter-view.css Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
multi-column.css Convert Durable Column to popup chat in footer 2016-09-29 10:08:14 -07:00
notification.css Update notification UI a little 2017-08-28 14:52:52 -07:00
panel-view.css Remove AphrontPanelView 2015-03-06 16:44:18 -08:00
phabricator-nav-view.css Give the "Filetree" UI element an explicit background color 2018-04-11 10:42:41 -07:00
table-view.css Improve overflow/ellipsis behaivor for very wide task graphs 2019-03-28 21:16:48 -07:00
tokenizer.css Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
tooltip.css Fix flickering tooltips in Chrome when the tip container overlaps the triggering element 2018-11-15 10:43:55 -08:00
typeahead-browse.css Add an Experimental Dark Mode to Phabricator 2017-07-18 06:44:32 -07:00
typeahead.css Touch up typeahead behavior in locate-file 2017-08-14 11:28:13 -07:00