1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 22:40:55 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-document-pro.css
Chad Little 11e84c166a Redesign Application Search
Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut.

Test Plan: Config, Maniphest, Differential, Diffusion, Home.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 12:23:36 -07:00

227 lines
4.5 KiB
CSS

/**
* @provides phui-document-view-pro-css
*/
.phui-document-view.phui-document-view-pro {
max-width: 800px;
padding: 16px 16px 64px 16px;
margin: 0 auto;
}
.phui-document-container {
background-color: #fff;
position: relative;
border-bottom: 1px solid #dedee1;
}
.phui-document-view-pro-box,
.phui-document-properties {
max-width: 800px;
margin: 0 auto;
}
.device .phui-document-view-pro-box {
margin: 0 8px;
}
.phui-document-view-pro-box .phui-property-list-section {
margin: 16px auto;
}
.device .phui-document-view-pro-box .phui-property-list-section {
margin: 0 8px 16px;
}
.device .phui-document-view-pro-box .phui-property-list-container {
padding: 24px 0 0 0;
}
.device-phone .phui-document-view.phui-document-view-pro {
padding: 0 12px;
margin: 0 auto;
}
.phui-document-view-pro .phui-document-toc {
position: absolute;
top: 34px;
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: 52px;
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;
}
.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;
}
.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: 0;
padding: 16px 0 20px;
}
.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.phui-document-view-pro .phui-header-tall
.phui-header-header {
font-size: 18px;
}
.device-phone .phui-document-view-pro .phui-header-subheader {
display: block;
padding: 8px 0 0 0;
}
.phui-document-view-pro .phui-info-view {
margin: 16px 0 0 0;
}
.phui-document-view-pro .phabricator-remarkup-embed-image-wide {
margin-left: -200px;
margin-right: -200px;
width: auto;
}
.phui-document-view-pro .phabricator-remarkup-embed-image-wide img {
max-width: 1200px;
}
@media (max-width: 1200px) {
.phui-document-view-pro .phabricator-remarkup-embed-image-wide {
margin-left: 0;
margin-right: 0;
width: auto;
}
.phui-document-view-pro .phabricator-remarkup-embed-image-wide img {
max-width: inherit;
}
}
.phui-document-view-pro-box .phui-timeline-view {
padding: 16px 0 0 0;
background: none;
border-top: 1px solid rgba({$alphablue}, 0.20);
}
.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-top-right-radius: 3px;
border-top-left-radius: 3px;
background-color: #fff;
border-bottom: 1px solid #F1F1F4;
}
.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-object-box {
margin: 0;
}
.phui-document-view-pro-box .phui-object-box .remarkup-assist-textarea {
height: 9em;
}
.document-has-foot .phui-document-view-pro {
padding-bottom: 0;
}
.phui-document-foot-content {
margin: 64px 0 32px;
}