@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Add an explicit "max-width" to PHUIDocumentPro pages to force large tables to scroll
Summary:
Ref T13202. See <https://discourse.phabricator-community.org/t/phriction-page-controls-lost-after-creating-very-wide-table/1961>.
If you put a very wide table in the markup for a new-layout Phriction page, it can push the actions element off screen to the right.
Tables already get a scrollbar if encouraged strongly enough; add a `max-width` to encourage them.
Test Plan:
- Viewed pages with a large wrappable and non-wrappable content on mobile, tablet, and desktop.
{F5915976}
Reviewers: amckinley
Reviewed By: amckinley
Maniphest Tasks: T13202
Differential Revision: https://secure.phabricator.com/D19723
+8
-2
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
146
146
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
147
147
'rsrc/css/phui/phui-crumbs-view.css' => '10728aaa',
148
148
'rsrc/css/phui/phui-curtain-view.css' => '2bdaf026',
149
-
'rsrc/css/phui/phui-document-pro.css' => 'd033e8d5',
149
+
'rsrc/css/phui/phui-document-pro.css' => 'dd79b5df',
150
150
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
151
151
'rsrc/css/phui/phui-document.css' => 'c4ac41f9',
152
152
'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
···
814
814
'phui-curtain-view-css' => '2bdaf026',
815
815
'phui-document-summary-view-css' => '9ca48bdf',
816
816
'phui-document-view-css' => 'c4ac41f9',
817
-
'phui-document-view-pro-css' => 'd033e8d5',
817
+
'phui-document-view-pro-css' => 'dd79b5df',
818
818
'phui-feed-story-css' => '44a9c8e9',
819
819
'phui-font-icon-base-css' => '870a7360',
820
820
'phui-fontkit-css' => '1320ed01',
+6
webroot/rsrc/css/phui/phui-document-pro.css
+6
webroot/rsrc/css/phui/phui-document-pro.css
···
34
34
layout: fixed;
35
35
}
36
36
37
+
/* Force very wide content, like tables with many columns, to scroll inside
38
+
the frame. See T13202. */
39
+
.phui-document-content-view {
40
+
max-width: 800px;
41
+
}
42
+
37
43
.device-desktop .phui-document-content-inner {
38
44
display: table-row;
39
45
}