1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-02 11:42:42 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-object-box.css
Chad Little 3c5756adf9 Clean up AphrontError boxes, Diffusion Headers
Summary: Two basic changes here, first we fixed up the Diffusion headers to roll out more PHUIObjectBoxes. Second we added some specific styles for when Errors are inside an ObjectBox at the first position.

Test Plan: Tested a number of different layouts for browsing respositories as well as wherever I could find cases with PHUIObjectBox Form Errors (see images attached). Still some minor tightening due after this diff, but didnt want to overload it.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Differential Revision: https://secure.phabricator.com/D7914
2014-01-09 08:51:57 -08:00

37 lines
687 B
CSS

/**
* @provides phui-object-box-css
*/
.phui-object-box.phui-object-box-flush {
margin-top: 0;
}
.phui-object-box .phui-header-shell {
padding: 4px 5px 4px 12px;
border-bottom: 1px solid {$lightblueborder};
border-top: none;
}
.phui-object-box .phui-header-image {
margin: 5px 12px 5px 0;
}
.phui-object-box .phui-header-shell h1 {
color: {$bluetext};
text-shadow: 0 1px #fff;
padding: 8px 0;
}
.phui-object-box .phui-header-shell + .aphront-error-view {
margin: 0;
border-width: 0;
border-bottom: 1px solid {$lightblueborder};
}
.device-phone .phui-object-box {
margin-top: 0;
}
.device-phone .phui-object-box + .phui-object-box {
border-top: none;
}