revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-26 23:40:57 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-document-pro.css

190 lines
3.7 KiB
CSS
Raw Normal View History

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
/**
* @provides phui-document-view-pro-css
*/
Redesign Legalpad Summary: Rolls out PHUIDocumentViewPro to Legalpad. Minor tweaks to provide space around Preamble and Signature blocks. Otherwise, straight forward. Test Plan: Build a new document with and without Preamble, sign document. {F933386} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D14377
2015-11-02 00:57:48 +01:00
.phui-document-view.phui-document-view-pro,
Use PHUIDocumentProView in Phame Summary: Updates "View Post" to use PHUIDocumentViewPro, updates calls to `newPage` and other minor modernizations. Edit Page updated to show proper document display as well. Ref T9545 Test Plan: Write a blog post, edit it. {F945897} {F945896} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9545 Differential Revision: https://secure.phabricator.com/D14415
2015-11-05 21:13:35 +01:00
.phui-document-view-pro-box,
.phui-document-properties {
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
max-width: 800px;
padding: 0 16px;
position: relative;
margin: 16px auto;
}
.phui-document-properties {
Use PHUIDocumentProView in Phame Summary: Updates "View Post" to use PHUIDocumentViewPro, updates calls to `newPage` and other minor modernizations. Edit Page updated to show proper document display as well. Ref T9545 Test Plan: Write a blog post, edit it. {F945897} {F945896} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9545 Differential Revision: https://secure.phabricator.com/D14415
2015-11-05 21:13:35 +01:00
max-width: 768px;
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
background-color: {$lightgreybackground};
Use PHUIDocumentProView in Phame Summary: Updates "View Post" to use PHUIDocumentViewPro, updates calls to `newPage` and other minor modernizations. Edit Page updated to show proper document display as well. Ref T9545 Test Plan: Write a blog post, edit it. {F945897} {F945896} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9545 Differential Revision: https://secure.phabricator.com/D14415
2015-11-05 21:13:35 +01:00
margin: 16px auto;
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
border-radius: 3px;
}
Use PHUIDocumentProView in Phame Summary: Updates "View Post" to use PHUIDocumentViewPro, updates calls to `newPage` and other minor modernizations. Edit Page updated to show proper document display as well. Ref T9545 Test Plan: Write a blog post, edit it. {F945897} {F945896} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9545 Differential Revision: https://secure.phabricator.com/D14415
2015-11-05 21:13:35 +01:00
.device .phui-document-properties {
margin: 0 8px 16px;
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
}
.device-phone .phui-document-view.phui-document-view-pro {
padding: 0 8px;
margin: 0 auto;
}
.phui-document-view-pro .phui-document-toc {
position: absolute;
top: 18px;
left: -36px;
}
a.button.phui-document-toc {
display: inline-block;
height: 16px;
width: 16px;
padding: 3px 8px 4px 8px;
}
.phui-document-view-pro .phui-document-toc-list {
margin: 8px;
border: 1px solid {$blueborder};
border-radius: 3px;
box-shadow: {$dropshadow};
width: 200px;
position: absolute;
z-index: 30;
background-color: #fff;
top: 38px;
left: -44px;
}
.device .phui-document-view-pro .phui-document-toc {
display: none;
}
.phui-document-toc-list {
display: none;
}
.phui-document-toc-open .phui-document-toc-list {
display: block;
}
.phui-document-toc-open .phui-document-toc {
background-color: {$blue};
}
.phui-document-toc-open .phui-document-toc .phui-icon-view {
color: #fff;
}
Update Phriction for PHUIDocumentViewPro Summary: Moves Phriction to use PHUIDocumentViewPro Test Plan: Read lots of documents, tablet, mobile, and desktop. Check ToC, non ToC, Edit a Maniphest Task, New Phriction Document, edit Phriction Document. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9826 Differential Revision: https://secure.phabricator.com/D14399
2015-11-22 22:10:41 +01:00
.phui-document-view-pro .phui-document-toc-content {
margin: 4px 12px;
}
.phui-document-view-pro .phui-document-toc-header {
font-weight: bold;
color: {$bluetext};
margin-bottom: 8px;
}
.phui-document-view-pro .phui-document-toc-content li {
margin: 4px 8px;
}
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
.phui-document-view-pro .phui-document-content .phabricator-remarkup {
padding: 16px 0;
line-height: 1.7em;
}
.device-desktop .phui-document-view.phui-document-view-pro {
border: 0;
}
.phui-document-view.phui-document-view-pro .phui-header-shell {
background: transparent;
border-bottom: 1px solid {$thinblueborder};
}
.phui-document-view.phui-document-view-pro .phui-header-shell {
margin: 0;
padding: 16px 0 32px;
}
.device-phone .phui-document-view.phui-document-view-pro .phui-header-shell {
margin: 8px 0 0 0;
PHUIDocumentViewPro tweaks Summary: Use in MailCommands and HTTP Parameters Test Plan: Tested MailCommands in Paste, HTTP Parameters in Paste, Legalpad, Diviner. Mobile and Desktop breakpoints. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D14397
2015-11-03 22:41:20 +01:00
padding: 8px 0 20px;
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
}
.phui-document-view.phui-document-view-pro .phui-header-tall
.phui-header-header {
font-size: 24px;
line-height: 30px;
color: #000;
}
.device-phone .phui-document-view-pro .phui-header-subheader {
display: block;
padding: 8px 0 0 0;
}
PHUIDocumentViewPro tweaks Summary: Use in MailCommands and HTTP Parameters Test Plan: Tested MailCommands in Paste, HTTP Parameters in Paste, Legalpad, Diviner. Mobile and Desktop breakpoints. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D14397
2015-11-03 22:41:20 +01:00
.phui-document-view-pro .phui-info-view {
margin: 16px 0 0 0;
}
Add comments to internal Phame Posts Summary: Adds commenting to Phame Posts, also testing a new "document comment style". Unsure about it but Phame is a prototype so good place to explore. Test Plan: Leave some comments, see some comments, test show/hide. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9746 Differential Revision: https://secure.phabricator.com/D14451
2015-11-10 06:20:35 +01:00
.phui-document-view-pro-box .phui-timeline-view {
padding: 0;
background: none;
}
.phui-document-view-pro-box .phui-timeline-image {
border-radius: 25px;
}
.phui-document-view-pro-box .phui-timeline-wedge {
display: none;
}
.phui-document-view-pro-box .phui-timeline-major-event .phui-timeline-group {
border: none;
}
.phui-document-view-pro-box .phui-timeline-major-event .phui-timeline-content {
border: none;
}
.device-desktop .phui-document-view-pro-box
.phui-timeline-event-view.phui-timeline-minor-event {
margin-left: 62px;
}
.phui-document-view-pro-box .phui-timeline-title {
border-radius: 3px;
background-color: {$lightgreybackground};
}
.phui-document-view-pro-box .phui-timeline-title-with-icon {
padding-left: 12px;
}
.phui-document-view-pro-box .phui-timeline-icon-fill {
display: none;
}
.phui-document-view-pro-box .phui-timeline-major-event .phui-timeline-content
.phui-timeline-core-content {
padding-bottom: 24px;
}
.phui-document-view-pro-box .phui-object-box {
background-color: {$lightgreybackground};
border: none;
margin: 0;
}
.phui-document-view-pro-box .phui-object-box .phui-form-view {
padding-bottom: 0;
}
.phui-document-view-pro-box .phui-object-box .remarkup-assist-textarea {
height: 9em;
}
Copy permalink