1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 01:02:42 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-curtain-view.css
Chad Little 58db64c81f Hide curtainview on mobile if it's empty
Summary: If we don't have any panels, just an action list, we want to hide the entire box on mobile since it's just an empty line.

Test Plan: Review Owners, Differential curtains on mobile, desktop.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18350
2017-08-06 08:07:46 -07:00

52 lines
916 B
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};
}
.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;
}
/* 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;
}