mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-27 09:12:41 +01:00
a4784e03ff
Summary: Converts most all tables to be directly set via `setTable` to an ObjectBox. I think this path is more flexible design wise, as we can change the box based on children, and not just CSS. We also already do this with PropertyList, Forms, ObjectList, and Header. `setCollapsed` is added to ObjectBox to all children objects to bleed to the edges (like diffs). Test Plan: I did a grep of `appendChild($table)` as well as searches for `PHUIObjectBoxView`, also with manual opening of hundreds of files. I'm sure I missed 5-8 places. If you just appendChild($table) nothing breaks, it just looks a little funny. Reviewers: epriestley, btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12955
117 lines
2.3 KiB
CSS
117 lines
2.3 KiB
CSS
/**
|
|
* @provides phui-object-box-css
|
|
*/
|
|
|
|
.phui-object-box {
|
|
position: relative;
|
|
padding: 12px 12px 4px 12px;
|
|
}
|
|
|
|
.phui-object-box.phui-object-box-collapsed {
|
|
padding: 12px 0 0 0;
|
|
}
|
|
|
|
.phui-object-box.phui-object-box-collapsed .phui-header-shell {
|
|
padding: 0 4px 4px 16px;
|
|
}
|
|
|
|
div.phui-object-box.phui-object-box-flush {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.phui-object-box .phui-header-shell {
|
|
padding: 0 5px 4px 4px;
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
border-top: none;
|
|
}
|
|
|
|
.phui-object-box .phui-header-image {
|
|
margin: 1px 8px -7px -7px;
|
|
}
|
|
|
|
.phui-object-box .phui-header-shell h1 {
|
|
padding: 0 0 8px 0;
|
|
}
|
|
|
|
.phui-object-box .phui-header-shell + .phui-info-view {
|
|
margin: 12px 0 0 0;
|
|
}
|
|
|
|
.phui-object-box.phui-object-box-collapsed
|
|
.phui-header-shell + .phui-info-view {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.device-phone .phui-object-box {
|
|
margin: 8px 8px 0 8px;
|
|
}
|
|
|
|
/* - Object Box Colors ------------------------------------------------------ */
|
|
|
|
.phui-box-border.phui-object-box-green {
|
|
border: 1px solid {$green};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-green .phui-header-view {
|
|
color: {$green};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-green .phui-header-shell {
|
|
border-bottom-color: {$lightgreen};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-blue {
|
|
border: 1px solid {$blue};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-blue .phui-header-view {
|
|
color: {$blue};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-blue .phui-header-shell {
|
|
border-bottom-color: {$lightblue};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-red {
|
|
border: 1px solid {$red};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-red .phui-header-view {
|
|
color: {$red};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-red .phui-header-shell {
|
|
border-bottom-color: {$lightred};
|
|
}
|
|
|
|
/* - Double Object Box Override --------------------------------------------- */
|
|
|
|
.phui-object-box .phui-object-box {
|
|
padding: 0;
|
|
}
|
|
|
|
.phui-object-box .phui-box-border {
|
|
border-width: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.phui-object-box .phui-object-box .phui-header-shell h1 {
|
|
padding: 8px 4px;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
color: {$bluetext};
|
|
font-weight: 500;
|
|
}
|
|
|
|
.phui-object-box .phui-object-box .phui-header-shell {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.phui-box-border + .phui-box-border {
|
|
border-top: 1px solid {$thinblueborder};
|
|
}
|