1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 06:20:56 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-box.css
Chad Little b381265d92 First cut of new Project Home
Summary:
First pass at a new Project Home page. This is starting to sprawl, so punting this up now before it gets too large.

 - Project homes now have "large header"
 - Custom Fields / Descriptions are in the main column
 - Feed is simpler visually
 - new "Background" option for PHUIObjectBoxView
 - move header buttons globally to "Grey" instead of "Simple"
 - New color and hover states for "Grey"
 - Transitions on Buttons haha
 - Edit Icon on Nav is now under "Manage" panel
 - New "Manage" Panel

TODO:
 - More testing of bad cases of Custom Fields
 - Members Page in flux, needs design
 - Um still not sure how to make Custom Field not show UI

Test Plan:
Lots of random Project page visits. Save project, watch project, edit project, etc.

{F1068191}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15097
2016-01-23 16:11:45 -08:00

47 lines
886 B
CSS

/**
* @provides phui-box-css
*/
.phui-box-border {
border: 1px solid {$lightblueborder};
background-color: #fff;
border-radius: 3px;
}
.phui-box.focus {
box-shadow: 0 0 5px 5px rgba(255, 255, 0, 0.90);
}
.phui-box-grey {
background-color: rgba(71,87,120,0.1);
border-radius: 3px;
border: none;
}
.phui-box-blue {
background-color: {$bluebackground};
border-radius: 3px;
border: none;
}
.phui-box-blue .phui-object-item,
.phui-box-grey .phui-object-item {
background: transparent;
}
.phui-box-blue .phui-object-item-link,
.phui-box-grey .phui-object-item-link {
color: {$darkbluetext};
}
.phui-box-blue .phui-header-shell,
.phui-box-grey .phui-header-shell {
border-bottom: 2px solid #fff;
}
.phui-box-blue .phui-info-severity-nodata,
.phui-box-grey .phui-info-severity-nodata {
background: transparent;
padding: 12px 4px;
text-align: center;
}