2013-06-01 00:03:59 +02:00
|
|
|
/**
|
|
|
|
|
* @provides phui-document-view-css
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.phui-document-view {
|
2013-06-05 17:41:43 +02:00
|
|
|
margin-bottom: 16px;
|
2015-05-08 06:18:57 +02:00
|
|
|
border-radius: 3px;
|
2013-06-05 17:41:43 +02:00
|
|
|
position: relative;
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .phui-document-view {
|
2013-09-07 18:13:55 +02:00
|
|
|
border: 1px solid {$lightblueborder};
|
2013-06-05 17:41:43 +02:00
|
|
|
max-width: 960px;
|
|
|
|
|
margin: 16px auto;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-31 21:15:15 +02:00
|
|
|
.device-desktop .phui-document-box {
|
|
|
|
|
max-width: 996px;
|
|
|
|
|
margin: 24px auto;
|
|
|
|
|
}
|
|
|
|
|
|
2015-03-02 21:08:04 +01:00
|
|
|
.device-desktop .phui-document-fluid .phui-document-view {
|
|
|
|
|
max-width: none;
|
|
|
|
|
margin: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-06-05 00:41:05 +02:00
|
|
|
/* Fix so that Phriction Document preview is the same width as the document */
|
|
|
|
|
.device-desktop .phui-remarkup-preview .phui-document-view {
|
|
|
|
|
width: 800px;
|
|
|
|
|
}
|
|
|
|
|
|
2013-09-17 18:12:37 +02:00
|
|
|
.phui-document-content .phui-header-shell {
|
2013-08-28 19:29:02 +02:00
|
|
|
border-top: none;
|
2015-06-26 00:58:00 +02:00
|
|
|
border-bottom: 1px solid {$lightblueborder};
|
2013-06-05 17:41:43 +02:00
|
|
|
}
|
|
|
|
|
|
2013-09-05 21:29:07 +02:00
|
|
|
.phui-document-content
|
2017-10-09 19:48:01 +02:00
|
|
|
.phui-header-shell.phui-header-no-background {
|
2013-09-05 21:29:07 +02:00
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
|
|
|
margin: 0 0 16px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-content
|
2017-10-09 19:48:01 +02:00
|
|
|
.phui-header-shell.phui-header-no-background
|
2013-09-17 18:12:37 +02:00
|
|
|
.phui-header-view {
|
2014-12-30 11:48:53 +01:00
|
|
|
padding: 8px 0 4px;
|
2013-09-05 21:29:07 +02:00
|
|
|
}
|
|
|
|
|
|
2015-11-02 00:57:48 +01:00
|
|
|
.legalpad .phui-document-content .phui-property-list-view {
|
2013-06-05 17:41:43 +02:00
|
|
|
border: none;
|
|
|
|
|
box-shadow: none;
|
2015-11-27 21:13:35 +01:00
|
|
|
border-radius: 3px;
|
2015-11-02 00:57:48 +01:00
|
|
|
margin: 16px 0 0 0;
|
2015-11-27 21:13:35 +01:00
|
|
|
background-color: {$bluebackground};
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-content {
|
2017-07-17 20:08:17 +02:00
|
|
|
background: {$page.content};
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-content .phabricator-remarkup {
|
2013-06-05 17:41:43 +02:00
|
|
|
padding: 16px;
|
[Redesign] Move basefont to Lato, remove Source Sans Pro
Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font.
Test Plan:
Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence.
{F498135}
{F498136}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
|
|
|
font-size: 14px;
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
Allow DocumentView to render with a curtain, and make Phriction use a curtain
Summary:
Depends on D19616. Ref T13077. Fixes T8172. In the last round of design updates, a lot of actions got stuffed into "Actions" menus.
I never really got used to these and think they're a net usability loss, and broadly agree with the feedback in T8172. I'd generally like to move back toward a state where actions are available on the page, not hidden in a menu.
For now, just put a curtain view on these pages. This could be refined later (e.g., stick this menu to the right hand side of the screen) depending on where other Phriction changes go.
(Broadly, I'm also not satisfied with where we ended up on the fixed-width pages like Diffusion > Manage, Config, and Instances. In contrast, I //do// like where we ended up with Phortune in terms of overall design. I anticipate revisiting some of this stuff eventually.)
Test Plan:
- Looked at Phriction pages on desktop/tablet/mobile/printable -- actions are now available on the page.
- Looked at other DocumentView pages (like Phame blogs) -- no changes for now.
Reviewers: amckinley
Maniphest Tasks: T13077, T8172
Differential Revision: https://secure.phabricator.com/D19617
2018-08-28 23:37:19 +02:00
|
|
|
.phui-document-view.has-no-curtain
|
|
|
|
|
.phui-header-action-links .phui-mobile-menu {
|
2015-04-12 22:57:17 +02:00
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2013-06-01 00:03:59 +02:00
|
|
|
.device-phone .phui-document-content .phabricator-remarkup {
|
2013-06-05 17:41:43 +02:00
|
|
|
padding: 8px;
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-content .phabricator-remarkup .remarkup-code-block {
|
|
|
|
|
clear: both;
|
2013-06-05 17:41:43 +02:00
|
|
|
margin: 16px 0;
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
2015-03-01 23:45:56 +01:00
|
|
|
.phui-document-view .phui-info-severity-nodata {
|
2015-02-16 03:14:41 +01:00
|
|
|
background-color: {$lightgreybackground};
|
|
|
|
|
}
|
2015-04-15 01:02:30 +02:00
|
|
|
|
[Redesign] Swap Slabo for Roboto Slab
Summary: Ref T8099, Moving to Roboto Slab for Document Headers. It's a little less serif-y and fits well with Lato. Also took a pass at cleaning up edge cases in Documents, Diviner, Phriction, Legalpad, and Welcome Screen.
Test Plan: Test Phriction, Diviner, Legalpad, Welcome Screen
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13439
2015-06-25 18:20:51 +02:00
|
|
|
.phui-document-view .phui-property-list-section-header {
|
2015-11-27 21:13:35 +01:00
|
|
|
padding: 20px 24px 0px;
|
2015-11-02 00:57:48 +01:00
|
|
|
border-top: none;
|
[Redesign] Swap Slabo for Roboto Slab
Summary: Ref T8099, Moving to Roboto Slab for Document Headers. It's a little less serif-y and fits well with Lato. Also took a pass at cleaning up edge cases in Documents, Diviner, Phriction, Legalpad, and Welcome Screen.
Test Plan: Test Phriction, Diviner, Legalpad, Welcome Screen
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13439
2015-06-25 18:20:51 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-view .phui-property-list-text-content {
|
2015-11-27 21:13:35 +01:00
|
|
|
padding: 0 24px 4px;
|
[Redesign] Swap Slabo for Roboto Slab
Summary: Ref T8099, Moving to Roboto Slab for Document Headers. It's a little less serif-y and fits well with Lato. Also took a pass at cleaning up edge cases in Documents, Diviner, Phriction, Legalpad, and Welcome Screen.
Test Plan: Test Phriction, Diviner, Legalpad, Welcome Screen
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13439
2015-06-25 18:20:51 +02:00
|
|
|
}
|
2015-07-06 23:17:11 +02:00
|
|
|
|
|
|
|
|
.phui-document-view .PhabricatorMonospaced,
|
|
|
|
|
.phui-document-view .phabricator-remarkup .remarkup-code-block .remarkup-code {
|
2016-01-29 21:24:09 +01:00
|
|
|
font: 12px/18px "Menlo", "Consolas", "Monaco", monospace;
|
2015-07-06 23:17:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.platform-windows .phui-document-view .PhabricatorMonospaced,
|
|
|
|
|
.platform-windows .phui-document-view .phabricator-remarkup .remarkup-code-block
|
|
|
|
|
.remarkup-code {
|
2016-01-29 21:24:09 +01:00
|
|
|
font: 13px/18px "Menlo", "Consolas", "Monaco", monospace;
|
2015-07-06 23:17:11 +02:00
|
|
|
}
|
2018-08-29 18:31:32 +02:00
|
|
|
|
|
|
|
|
.phui-document-version-navigation {
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 8px;
|
|
|
|
|
background-color: {$lightgreybackground};
|
|
|
|
|
}
|
