mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 00:42:41 +01:00
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
This commit is contained in:
parent
4858d43d16
commit
cfd9fa7f55
2 changed files with 8 additions and 2 deletions
|
@ -146,7 +146,7 @@ return array(
|
||||||
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
|
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
|
||||||
'rsrc/css/phui/phui-crumbs-view.css' => '10728aaa',
|
'rsrc/css/phui/phui-crumbs-view.css' => '10728aaa',
|
||||||
'rsrc/css/phui/phui-curtain-view.css' => '2bdaf026',
|
'rsrc/css/phui/phui-curtain-view.css' => '2bdaf026',
|
||||||
'rsrc/css/phui/phui-document-pro.css' => 'd033e8d5',
|
'rsrc/css/phui/phui-document-pro.css' => 'dd79b5df',
|
||||||
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
|
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
|
||||||
'rsrc/css/phui/phui-document.css' => 'c4ac41f9',
|
'rsrc/css/phui/phui-document.css' => 'c4ac41f9',
|
||||||
'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
|
'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
|
||||||
|
@ -814,7 +814,7 @@ return array(
|
||||||
'phui-curtain-view-css' => '2bdaf026',
|
'phui-curtain-view-css' => '2bdaf026',
|
||||||
'phui-document-summary-view-css' => '9ca48bdf',
|
'phui-document-summary-view-css' => '9ca48bdf',
|
||||||
'phui-document-view-css' => 'c4ac41f9',
|
'phui-document-view-css' => 'c4ac41f9',
|
||||||
'phui-document-view-pro-css' => 'd033e8d5',
|
'phui-document-view-pro-css' => 'dd79b5df',
|
||||||
'phui-feed-story-css' => '44a9c8e9',
|
'phui-feed-story-css' => '44a9c8e9',
|
||||||
'phui-font-icon-base-css' => '870a7360',
|
'phui-font-icon-base-css' => '870a7360',
|
||||||
'phui-fontkit-css' => '1320ed01',
|
'phui-fontkit-css' => '1320ed01',
|
||||||
|
|
|
@ -34,6 +34,12 @@
|
||||||
layout: fixed;
|
layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Force very wide content, like tables with many columns, to scroll inside
|
||||||
|
the frame. See T13202. */
|
||||||
|
.phui-document-content-view {
|
||||||
|
max-width: 800px;
|
||||||
|
}
|
||||||
|
|
||||||
.device-desktop .phui-document-content-inner {
|
.device-desktop .phui-document-content-inner {
|
||||||
display: table-row;
|
display: table-row;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue