mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-20 17:28:51 +02:00
e592061891
Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
99 lines
2.1 KiB
CSS
99 lines
2.1 KiB
CSS
/**
|
|
* @provides phui-object-box-css
|
|
*/
|
|
|
|
.phui-object-box {
|
|
position: relative;
|
|
padding: 12px 12px 4px 12px;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.device-phone .phui-object-box {
|
|
margin: 8px 8px 0 8px;
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightgreen {
|
|
border: 1px solid {$lightgreenborder};
|
|
border-bottom: 1px solid {$greenborder};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightgreen .phui-header-shell {
|
|
border-bottom: 1px solid {$lightgreenborder};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightblue {
|
|
border: 1px solid {$lightblueborder};
|
|
border-bottom: 1px solid {$blueborder};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightblue .phui-header-shell {
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightred {
|
|
border: 1px solid {$lightredborder};
|
|
border-bottom: 1px solid {$redborder};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightred .phui-header-shell {
|
|
border-bottom: 1px solid {$lightredborder};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightviolet {
|
|
border: 1px solid {$lightvioletborder};
|
|
border-bottom: 1px solid {$violetborder};
|
|
}
|
|
|
|
.phui-box-border.phui-object-box-lightviolet .phui-header-shell {
|
|
border-bottom: 1px solid {$lightvioletborder};
|
|
}
|
|
|
|
/* - 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};
|
|
}
|