Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-hovercard.css
- This file was moved from webroot/rsrc/css/layout/phabricator-hovercard-view.css.
| /** | /** | ||||
| * @provides phabricator-hovercard-view-css | * @provides phui-hovercard-view-css | ||||
| */ | */ | ||||
| .jx-hovercard-container { | .jx-hovercard-container { | ||||
| position: absolute; | position: absolute; | ||||
| } | } | ||||
| .phabricator-hovercard-wrapper { | .phui-hovercard-wrapper { | ||||
| float: left; | float: left; | ||||
| width: 400px; | width: 400px; | ||||
| } | } | ||||
| .device-phone .phabricator-hovercard-wrapper { | .device-phone .phui-hovercard-wrapper { | ||||
| float: left; | float: left; | ||||
| width: 300px; | width: 300px; | ||||
| } | } | ||||
| .phabricator-hovercard-container { | .phui-hovercard-container { | ||||
| float: left; | float: left; | ||||
| width: 100%; | width: 100%; | ||||
| box-shadow: {$dropshadow}; | box-shadow: {$dropshadow}; | ||||
| border: 1px solid {$blueborder}; | border: 1px solid {$blueborder}; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| background-color: #fff; | background-color: #fff; | ||||
| } | } | ||||
| .phabricator-hovercard-head .phui-header-shell { | .phui-hovercard-head .phui-header-shell { | ||||
| padding: 6px 8px 6px 12px; | padding: 6px 8px 6px 12px; | ||||
| background-color: {$bluebackground}; | background-color: {$bluebackground}; | ||||
| border-top-left-radius: 3px; | border-top-left-radius: 3px; | ||||
| border-top-right-radius: 3px; | border-top-right-radius: 3px; | ||||
| } | } | ||||
| .phabricator-hovercard-head .phui-header-header { | .phui-hovercard-head .phui-header-header { | ||||
| font-size: 14px; | font-size: 14px; | ||||
| } | } | ||||
| .phabricator-hovercard-head .phui-tag-type-state { | .phui-hovercard-head .phui-tag-type-state { | ||||
| color: {$darkbluetext}; | color: {$darkbluetext}; | ||||
| text-shadow: none; | text-shadow: none; | ||||
| font-weight: normal; | font-weight: normal; | ||||
| } | } | ||||
| .phabricator-hovercard-tags { | .phui-hovercard-tags { | ||||
| float: right; | float: right; | ||||
| white-space: normal; | white-space: normal; | ||||
| } | } | ||||
| .phabricator-hovercard-body { | .phui-hovercard-body { | ||||
| padding: 12px; | padding: 12px; | ||||
| color: {$darkgreytext}; | color: {$darkgreytext}; | ||||
| border-bottom-right-radius: 3px; | border-bottom-right-radius: 3px; | ||||
| border-bottom-left-radius: 3px; | border-bottom-left-radius: 3px; | ||||
| position: relative; | position: relative; | ||||
| } | } | ||||
| .phabricator-hovercard-body-item { | .phui-hovercard-body-item { | ||||
| margin: 4px 0 0 0; | margin: 4px 0 0 0; | ||||
| } | } | ||||
| .phabricator-hovercard-body-header { | .phui-hovercard-body-header { | ||||
| font-size: 14px; | font-size: 14px; | ||||
| padding-bottom: 4px; | padding-bottom: 4px; | ||||
| color: {$darkgreytext}; | color: {$darkgreytext}; | ||||
| line-height: 18px; | line-height: 18px; | ||||
| } | } | ||||
| .phabricator-hovercard-body .phabricator-hovercard-body-image { | .phui-hovercard-body .phui-hovercard-body-image { | ||||
| width: 58px; | width: 58px; | ||||
| } | } | ||||
| .phabricator-hovercard-body .phabricator-hovercard-body-details { | .phui-hovercard-body .phui-hovercard-body-details { | ||||
| margin-left: 58px; | margin-left: 58px; | ||||
| } | } | ||||
| .phabricator-hovercard-body .profile-header-picture-frame { | .phui-hovercard-body .profile-header-picture-frame { | ||||
| float: left; | float: left; | ||||
| width: 50px; | width: 50px; | ||||
| height: 50px; | height: 50px; | ||||
| background-position: center; | background-position: center; | ||||
| background-repeat: no-repeat; | background-repeat: no-repeat; | ||||
| background-size: 100%; | background-size: 100%; | ||||
| } | } | ||||
| .hovercard-badges { | .hovercard-badges { | ||||
| margin: 8px 0 0 0; | margin: 8px 0 0 0; | ||||
| } | } | ||||
| .hovercard-badges .phui-badge-flex-item { | .hovercard-badges .phui-badge-flex-item { | ||||
| float: left; | float: left; | ||||
| } | } | ||||
| .phabricator-hovercard-tail { | .phui-hovercard-tail { | ||||
| width: 396px; | width: 396px; | ||||
| float: left; | float: left; | ||||
| padding: 2px; | padding: 2px; | ||||
| border-top: 1px solid {$thinblueborder}; | border-top: 1px solid {$thinblueborder}; | ||||
| border-bottom-left-radius: 3px; | border-bottom-left-radius: 3px; | ||||
| border-bottom-right-radius: 3px; | border-bottom-right-radius: 3px; | ||||
| } | } | ||||
| .phabricator-hovercard-tail button, | .phui-hovercard-tail button, | ||||
| .phabricator-hovercard-tail a.button { | .phui-hovercard-tail a.button { | ||||
| margin: 3px; | margin: 3px; | ||||
| } | } | ||||