mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-23 15:22:41 +01:00
8fca881093
Summary: Ref T8099, I want to live with this for a few weeks. I've grow to like that it gives more distinction to ObjectBox Headers and fits very nicely as headers in DocumentView. Even if we don't use them for all headers, Documents are much nicer to me at least with a more visually impactful font (Source Sans doesn't make a great header). Test Plan: Review dashboards, objects, Diviner, Phriction, Legalpad, and misc other pages. {F466410} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13127
138 lines
2.8 KiB
CSS
138 lines
2.8 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;
|
|
}
|
|
|
|
.device-phone .phui-object-box.phui-object-box-collapsed {
|
|
padding: 8px 0 0 0;
|
|
}
|
|
|
|
.phui-object-box.phui-object-box-collapsed .phui-header-shell {
|
|
padding: 0 8px 12px 16px;
|
|
}
|
|
|
|
.device-phone .phui-object-box.phui-object-box-collapsed .phui-header-shell {
|
|
padding: 0 8px 8px;
|
|
}
|
|
|
|
div.phui-object-box.phui-object-box-flush {
|
|
margin-top: 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;
|
|
padding: 8px 8px 4px 8px;
|
|
}
|
|
|
|
.device-phone .phui-object-box .phui-header-shell {
|
|
padding: 4px 0 12px 4px;
|
|
}
|
|
|
|
.device-tablet .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};
|
|
}
|
|
|
|
.phui-object-box-hidden-content {
|
|
background: {$lightgreybackground};
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.phui-object-box.phui-object-box-collapsed .phui-object-box-hidden-content {
|
|
margin: 0;
|
|
}
|
|
|
|
/* - Double Object Box Override --------------------------------------------- */
|
|
|
|
.phui-object-box .phui-object-box {
|
|
padding: 0;
|
|
}
|
|
|
|
/* eh oh el */
|
|
.phui-object-box .phui-object-box + .phui-object-box {
|
|
border-top: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {
|
|
font-family: {$fontfamily};
|
|
}
|
|
|
|
.phui-object-box .phui-box-border {
|
|
border-width: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.phui-object-box .phui-object-box .phui-header-shell .phui-header-view {
|
|
padding: 4px 8px;
|
|
background-color: {$lightgreybackground};
|
|
}
|
|
|
|
.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {
|
|
font-size: 13px;
|
|
margin: 0;
|
|
color: {$darkbluetext};
|
|
font-weight: 500;
|
|
}
|
|
|
|
.phui-object-box .phui-object-box .phui-header-shell {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|