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 c668988a26 Fixing non-square profile images for hovercards
Summary: Refs T1048 - disables bg repeat, centers profile image

Test Plan: looked at my own hovercard in my local install, which has a non-square prof pic

Reviewers: epriestley, chad

Reviewed By: epriestley

CC: aran, Korvin

Maniphest Tasks: T1048

Differential Revision: https://secure.phabricator.com/D5604
2013-04-06 11:26:43 -07:00

64 lines
1.2 KiB
CSS

/**
* @provides phabricator-hovercard-view-css
*/
.jx-hovercard-container {
position: absolute;
}
.phabricator-hovercard-wrapper {
border-radius: 4px;
width: 400px;
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 .phabricator-action-header {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.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;
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;
}