1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-23 05:50:55 +01:00
phorge-phorge/webroot/rsrc/css/layout/phabricator-hovercard-view.css
Chad Little 57ad790de3 Hovercard tweaks
Summary: Tightens up spacing, remove some of the borders, add alpha channel, make them all blue (sorry, red green and yellow are for 'status'). If we want to do more colors just for hovercards, I have a brown and a black in the mock, but would like to try just blue for now.

Test Plan: UIExamples, Tasks, People, Diffs, and Pastes.

Reviewers: epriestley, AnhNhan, btrahan

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5609
2013-04-06 21:16:55 -07:00

62 lines
1.1 KiB
CSS

/**
* @provides phabricator-hovercard-view-css
*/
.jx-hovercard-container {
position: absolute;
}
.phabricator-hovercard-wrapper {
border-radius: 5px;
width: 400px;
padding: 6px;
background-color: rgba(0,0,0,.2);
}
.device-phone .phabricator-hovercard-wrapper {
width: 300px;
}
.phabricator-hovercard-container {
border: 1px solid #666666;
}
.phabricator-hovercard-tags {
float: right;
white-space: normal;
}
.phabricator-hovercard-body {
padding: 8px;
background-color: white;
color: #333;
}
.phabricator-hovercard-body-header {
font-size: 14px;
padding-bottom: 2px;
color: #000;
}
.phabricator-hovercard-body .profile-header-picture-frame {
float: left;
margin: 0;
margin-right: 10px;
margin-bottom: 5px;
width: 50px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
}
.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;
}