mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-20 17:28:51 +02:00
e592061891
Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
180 lines
3.5 KiB
CSS
180 lines
3.5 KiB
CSS
/**
|
|
* @provides phui-document-view-css
|
|
*/
|
|
|
|
.phui-document-view {
|
|
margin-bottom: 16px;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
}
|
|
|
|
.phui-document-view .phui-header-shell {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.phui-document-content {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.device-desktop .phui-document-view {
|
|
border: 1px solid {$lightblueborder};
|
|
max-width: 960px;
|
|
margin: 16px auto;
|
|
}
|
|
|
|
.device-desktop .phui-document-fluid .phui-document-view {
|
|
max-width: none;
|
|
margin: 16px;
|
|
}
|
|
|
|
.device-desktop .phui-document-view.phui-offset-view {
|
|
max-width: 800px;
|
|
}
|
|
|
|
/* Fix so that Phriction Document preview is the same width as the document */
|
|
.device-desktop .phui-remarkup-preview .phui-document-view {
|
|
width: 800px;
|
|
}
|
|
|
|
.phui-document-sidenav {
|
|
position:absolute;
|
|
width: 200px;
|
|
text-overflow: ellipsis;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.device-phone .phui-document-sidenav {
|
|
position: static;
|
|
width: auto;
|
|
border-top: 1px solid #d7d7d7;
|
|
border-bottom: 1px solid #d7d7d7;
|
|
}
|
|
|
|
.device-phone .phui-sidenav-view .phui-document-inner {
|
|
margin: 0;
|
|
}
|
|
|
|
.phui-sidenav-view .phui-document-inner {
|
|
margin-right: 200px;
|
|
border-right: 1px solid #e7e7e7;
|
|
background: #fff;
|
|
}
|
|
|
|
.phui-document-bookname {
|
|
padding: 8px 16px;
|
|
color: #9ca5b5;
|
|
background-color: #fff;
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
}
|
|
|
|
.device-phone .phui-document-bookname {
|
|
padding: 8px;
|
|
}
|
|
|
|
.phui-document-bookname .bookname {
|
|
float: left;
|
|
}
|
|
|
|
.phui-document-bookname .bookdescription {
|
|
float: right;
|
|
}
|
|
|
|
.phui-document-content .phui-header-shell {
|
|
border-top: none;
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.phui-document-content
|
|
.phui-header-shell.phui-header-no-backgound {
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
margin: 0 0 16px 0;
|
|
}
|
|
|
|
.phui-document-content
|
|
.phui-header-shell.phui-header-no-backgound
|
|
.phui-header-view {
|
|
padding: 8px 0 4px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.phui-document-content h1.phui-header-view {
|
|
font-weight: normal;
|
|
color: #000;
|
|
}
|
|
|
|
.phui-document-content .phui-property-list-container {
|
|
border-color: {$thinblueborder};
|
|
}
|
|
|
|
.phui-document-content .phui-property-list-view {
|
|
border: none;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
background-color: {$lightgreybackground};
|
|
}
|
|
|
|
.phui-document-content {
|
|
background: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phui-document-content .phabricator-remarkup {
|
|
padding: 16px;
|
|
}
|
|
|
|
.phui-document-view .phui-header-action-links .phui-mobile-menu {
|
|
display: block;
|
|
}
|
|
|
|
.device-phone .phui-document-content .phabricator-remarkup {
|
|
padding: 8px;
|
|
}
|
|
|
|
.device-desktop .phui-document-content .phabricator-action-list-view {
|
|
display: none;
|
|
}
|
|
|
|
.device-phone .phui-document-content .phabricator-remarkup-toc {
|
|
width: 120px;
|
|
}
|
|
|
|
.phui-document-content .phabricator-remarkup .remarkup-code-block {
|
|
clear: both;
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.device-desktop .phui-document-offset {
|
|
padding-right: 120px;
|
|
}
|
|
|
|
.phui-document-view .phui-property-list-view {
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.phui-document-view .phui-info-severity-nodata {
|
|
background-color: {$lightgreybackground};
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|