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
|
|
|
}
|
|
|
|
|
|
2015-05-18 19:00:15 +02:00
|
|
|
.phui-document-view .phui-header-shell {
|
2015-05-22 17:22:25 +02:00
|
|
|
padding: 16px;
|
2015-06-26 00:58:00 +02:00
|
|
|
background-color: {$bluebackground};
|
2015-05-18 19:00:15 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-08 06:18:57 +02:00
|
|
|
.phui-document-content {
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
}
|
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
|
[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
|
|
|
.phui-crumbs-view + .phui-document-fluid .phui-document-view {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2013-06-05 17:41:43 +02:00
|
|
|
.device-desktop .phui-document-view.phui-offset-view {
|
2013-06-01 00:03:59 +02:00
|
|
|
max-width: 800px;
|
2013-06-05 17:41:43 +02:00
|
|
|
}
|
|
|
|
|
|
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-06-05 17:41:43 +02:00
|
|
|
.phui-document-sidenav {
|
|
|
|
|
position:absolute;
|
2013-06-06 00:03:56 +02:00
|
|
|
width: 200px;
|
2013-06-05 17:41:43 +02:00
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2013-06-06 21:47:40 +02:00
|
|
|
.device-phone .phui-document-sidenav {
|
|
|
|
|
position: static;
|
|
|
|
|
width: auto;
|
2015-05-31 17:36:44 +02:00
|
|
|
border-top: 1px solid {$thinblueborder};
|
|
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
2013-06-06 21:47:40 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .phui-sidenav-view .phui-document-inner {
|
2014-12-30 11:48:53 +01:00
|
|
|
margin: 0;
|
2013-06-06 21:47:40 +02:00
|
|
|
}
|
|
|
|
|
|
2013-06-05 17:41:43 +02:00
|
|
|
.phui-sidenav-view .phui-document-inner {
|
|
|
|
|
margin-right: 200px;
|
2015-05-31 17:36:44 +02:00
|
|
|
border-right: 1px solid {$thinblueborder};
|
2013-06-05 17:41:43 +02:00
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
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
|
2013-09-17 18:12:37 +02:00
|
|
|
.phui-header-shell.phui-header-no-backgound {
|
2013-09-05 21:29:07 +02:00
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
|
|
|
margin: 0 0 16px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-content
|
2013-09-17 18:12:37 +02:00
|
|
|
.phui-header-shell.phui-header-no-backgound
|
|
|
|
|
.phui-header-view {
|
2014-12-30 11:48:53 +01:00
|
|
|
padding: 8px 0 4px;
|
2013-09-05 21:29:07 +02:00
|
|
|
}
|
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-document-content .phui-property-list-container {
|
2015-11-08 03:24:06 +01:00
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
|
|
|
background-color: {$lightgreybackground};
|
2013-06-05 17:41:43 +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-02 00:57:48 +01:00
|
|
|
margin: 16px 0 0 0;
|
|
|
|
|
background-color: {$lightbluebackground};
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-content {
|
|
|
|
|
background: #fff;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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
|
|
|
}
|
|
|
|
|
|
2015-04-12 22:57:17 +02:00
|
|
|
.phui-document-view .phui-header-action-links .phui-mobile-menu {
|
|
|
|
|
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
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .phui-document-content .phabricator-action-list-view {
|
2015-04-12 22:57:17 +02:00
|
|
|
display: none;
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .phui-document-content .phabricator-remarkup-toc {
|
|
|
|
|
width: 120px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .phui-document-offset {
|
2014-03-30 21:56:28 +02:00
|
|
|
padding-right: 120px;
|
2013-06-01 00:03:59 +02:00
|
|
|
}
|
2013-09-29 00:55:38 +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
|
|
|
|
|
|
|
|
.phui-document-view .phabricator-remarkup.remarkup-has-toc {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-right: 192px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-document-view .remarkup-has-toc .phabricator-remarkup-toc {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: -186px;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
border-left: 1px solid {$thinblueborder};
|
|
|
|
|
padding: 16px 12px;
|
|
|
|
|
margin: 0;
|
[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: 12px;
|
2015-04-15 01:02:30 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .phui-document-view .phabricator-remarkup.remarkup-has-toc {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .phui-document-view .remarkup-has-toc .phabricator-remarkup-toc {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2015-06-16 15:46:53 +02:00
|
|
|
|
|
|
|
|
body .phui-document-view .phui-header-shell.phui-bleed-header {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
[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 {
|
|
|
|
|
padding: 12px 16px 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-02 00:57:48 +01:00
|
|
|
padding: 0 16px;
|
[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 {
|
Redesign Diviner
Summary:
This implements `PHUIDocumentViewPro` which should move to be the base for all documents (Phame, Phriction, Legalpad, Diviner). Overall this feels really good to me, but I'd like to roll it out into Diviner specifically first to work through the issues and then move into other apps and drop `PHUIDocumentView` once everything is converted. Some features are:
- White Background, no border on page
- Table of Contents is move to hidden menu (more space for documentation)
- Property List sits under the document
Some design decisions above are in anticipation of Phriction v3 and Unbeta Phame, specifically commenting and maybe some cool new Remarkup text layout options for Phame.
Test Plan:
Went through tons of pages on Diviner on Desktop, Tablet, Mobile. Bounce back to Phriction to make sure DocumentView CSS changes actually look better there.
{F930518}
{F930519}
{F930520}
{F930521}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: tycho.tatitscheff, joshuaspence, Korvin
Differential Revision: https://secure.phabricator.com/D14374
2015-11-01 17:56:46 +01:00
|
|
|
font: 11px/16px "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 {
|
Redesign Diviner
Summary:
This implements `PHUIDocumentViewPro` which should move to be the base for all documents (Phame, Phriction, Legalpad, Diviner). Overall this feels really good to me, but I'd like to roll it out into Diviner specifically first to work through the issues and then move into other apps and drop `PHUIDocumentView` once everything is converted. Some features are:
- White Background, no border on page
- Table of Contents is move to hidden menu (more space for documentation)
- Property List sits under the document
Some design decisions above are in anticipation of Phriction v3 and Unbeta Phame, specifically commenting and maybe some cool new Remarkup text layout options for Phame.
Test Plan:
Went through tons of pages on Diviner on Desktop, Tablet, Mobile. Bounce back to Phriction to make sure DocumentView CSS changes actually look better there.
{F930518}
{F930519}
{F930520}
{F930521}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: tycho.tatitscheff, joshuaspence, Korvin
Differential Revision: https://secure.phabricator.com/D14374
2015-11-01 17:56:46 +01:00
|
|
|
font: 12px/16px "Menlo", "Consolas", "Monaco", monospace;
|
2015-07-06 23:17:11 +02:00
|
|
|
}
|
