1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 09:12:41 +01:00
phorge-phorge/webroot/rsrc/css/layout/phabricator-hovercard-view.css
Anh Nhan Nguyen 5bd54e35bc First pass at hovercard design
Summary:
Refs T1048 - I'm pretty happy and happy to tell you

Savepoint CR

Everything's dummy right now. If you are testing locally, don't forget to edit the PHIDs. Or populate your own handles. Doesn't really matter.

I'm mainly sending it in for the CSS, not the messy PHP code. Ignore the `margin: auto`, that's just for looking nice.

Test Plan: UI Example » Hovercard

Reviewers: epriestley, chad

CC: aran, Korvin

Maniphest Tasks: T1048

Differential Revision: https://secure.phabricator.com/D5519
2013-04-02 09:16:23 -07:00

69 lines
1.3 KiB
CSS

/**
* @provides phabricator-hovercard-view-css
*/
.phabricator-hovercard-wrapper {
border-radius: 4px;
width: 400px;
margin: auto;
padding: 4px;
background-color: #cccccc;
}
.device-phone .phabricator-hovercard-wrapper {
width: 300px;
}
.phabricator-hovercard-container {
border-radius: 3px;
border: 1px solid #666666;
}
.phabricator-hovercard-head {
padding: 10px 15px;
font-weight: bold;
font-size: 15px;
white-space: nowrap;
color: white;
text-shadow: 0 1px 0 #333333;
font-weight: bold;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
overflow: hidden;
background-color: #559911;
}
.phabricator-hovercard-tags {
font-size: 13px;
float: right;
white-space: normal;
}
.phabricator-hovercard-body {
padding: 15px;
background-color: white;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.phabricator-hovercard-body .profile-header-picture-frame {
float: left;
margin: 0;
margin-right: 10px;
margin-bottom: 5px;
width: 50px;
height: 50px;
}
.phabricator-hovercard-tail {
padding: 3px 2px;
background-color: #eeeeee;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.phabricator-hovercard-tail button,
.phabricator-hovercard-tail a.button {
margin: 3px;
}