1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-14 10:52:41 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-remarkup-preview.css
Chad Little 3f45defd34 Clean up Remarkup Preview on mobile
Summary: Some space is bleeding in here from two-column-css. Re-scope CSS.

Test Plan: Review creating a task on mobile with document preview present.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D17712
2017-04-17 22:11:08 +00:00

48 lines
1.1 KiB
CSS

/**
* @provides phui-remarkup-preview-css
*/
.phui-remarkup-preview .phui-object-box {
padding: 0;
}
.phui-preview-header {
font-size: {$smallerfontsize};
font-weight: bold;
color: {$bluetext};
text-transform: uppercase;
padding: 8px;
background-color: {$lightgreybackground};
border-bottom: 1px solid {$thinblueborder};
display: block;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.phui-preview-body {
padding: 16px;
}
.phui-document-inner .phui-preview-header {
padding: 16px 0 0 16px;
}
.device-phone .phui-panel-preview,
.device-phone .phui-remarkup-preview {
display: none;
}
.phui-preview-loading-text {
color: {$lightgreytext};
}
/**
* TODO: Classes implementing PhabricatorMarkupInterface are of differing
* mindsets about whether output should be wrapped in a `phabricator-remarkup`
* <div /> or not. It should probably move to the Engine in all cases, but
* until we do that get rid of the extra spacing generated by the inner div.
*/
body .phui-remarkup-preview .phabricator-remarkup .phabricator-remarkup {
padding: 0;
margin: 0;
}