1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-11 08:06:13 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-curtain-view.css
Aviv Eyal 9f11f310f8 Make PHUITwoColumnView a little more printable
Summary: Hide navbar, and make curtain behave like on a phone, when printing.

Test Plan: {F5197340}

Reviewers: epriestley, #blessed_reviewers

Reviewed By: epriestley, #blessed_reviewers

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18583
2017-09-25 19:56:22 +00:00

80 lines
1.4 KiB
CSS

/**
* @provides phui-curtain-view-css
*/
.phui-curtain-panel {
padding: 16px 0;
margin: 0 4px;
}
.phui-two-column-properties > .phui-curtain-panel:first-child {
padding-top: 6px;
}
.device .phui-curtain-panel {
padding: 8px 0;
margin: 0;
}
.device-desktop .phui-curtain-panel + .phui-curtain-panel,
.device-desktop .phabricator-action-list-view + .phui-curtain-panel {
border-top: 1px solid {$greybackground};
}
!print .phui-curtain-panel + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
!print .device-desktop .phabricator-action-list-view + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
!print .device-desktop .phui-curtain-panel + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
!print .phabricator-action-list-view + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
.phui-curtain-panel-header {
padding: 0 0 4px;
color: {$bluetext};
font-weight: bold;
}
.phui-curtain-panel-body {
padding: 4px 0 0;
overflow: hidden;
text-overflow: ellipsis;
}
.device .phui-curtain-panel-body {
padding: 0;
}
!print .phui-curtain-panel-body {
padding: 0;
}
/* Project tags */
.phui-curtain-panel-body .phabricator-handle-tag-list-item {
line-height: 21px;
}
.phui-side-column .phui-curtain-panel-body .phui-tag-view {
white-space: pre-wrap;
}
.device .curtain-no-panels {
display: none;
}
!print .curtain-no-panels {
display: none;
}