revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 07:12:41 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui
History
Andre Klapper fa687b4ba0 Always ellipsize long filename in file upload dialog 
Summary:
Firefox does not ellipsize long filenames after selecting them in the File Upload dialog; Chromium does (for unknown reasons).

Could hardcode the "remaining" width for the `<input>` element itself (approx. 340px) based on calculating the CSS widths and margins of all surrounding elements but that is error-prone if CSS for one of those surrounding elements ever changed.
Thus instead use `max-width: stretch` for the `<input>` element itself. Per its limited support (see https://caniuse.com/?search=max-width), set also `-moz-available` (https://bugzilla.mozilla.org/show_bug.cgi?id=1495868) and `-webkit-fill-available` (see https://bugs.chromium.org/p/chromium/issues/detail?id=611857) aliases.

Closes T15553

Test Plan:
* Both in Firefox and in Chromium, go to an existing task, select "File Upload", select a file with a long name.
* See that the filename is now correctly ellipsized in Firefox.
* See no changes in Chromium.

Reviewers: O1 Blessed Committers, valerio.bozzolan

Reviewed By: O1 Blessed Committers, valerio.bozzolan

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

Maniphest Tasks: T15553

Differential Revision: https://we.phorge.it/D25347
2023-07-29 12:14:50 +03: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 Build a Badges page for Profiles 2017-02-24 13:15:42 -08: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 Lots of little fixes for Dark Mode (Experimental) 2017-07-19 14:41:23 -07: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 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-hovercard.css Improve text overflow behavior for hovercards with (for example) long package names 2018-11-15 20:43:10 -08:00
phui-icon-set-selector.css Add more color/CSS to phui-icon-selector 2017-02-04 10:13:32 -08: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 Add a side nav to Conduit API method console pages 2021-07-21 14:16:59 -07: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 Give embedded image files with transparency a checkered background 2023-06-19 11:57:03 +02: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