@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Clean up Hovercard CSS
Summary: Cleans up some wonkiness in rendering edge cases, like long titles.
Test Plan:
Test long titles and UI Examples.
{F164546}
{F164547}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D9433
+7
-17
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
115
115
'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854',
116
116
'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6',
117
117
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
118
-
'rsrc/css/layout/phabricator-hovercard-view.css' => '92b1cb9b',
118
+
'rsrc/css/layout/phabricator-hovercard-view.css' => 'e010d7db',
119
119
'rsrc/css/layout/phabricator-side-menu-view.css' => 'a2ccd7bd',
120
120
'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814',
121
121
'rsrc/css/phui/calendar/phui-calendar-day.css' => 'de035c8a',
···
701
701
'phabricator-filetree-view-css' => 'fccf9f82',
702
702
'phabricator-flag-css' => '5337623f',
703
703
'phabricator-hovercard' => '4f344388',
704
-
'phabricator-hovercard-view-css' => '92b1cb9b',
704
+
'phabricator-hovercard-view-css' => 'e010d7db',
705
705
'phabricator-keyboard-shortcut' => '1ae869f2',
706
706
'phabricator-keyboard-shortcut-manager' => 'ad7a69ca',
707
707
'phabricator-main-menu-view' => '72d1d2ef',
+5
-15
webroot/rsrc/css/layout/phabricator-hovercard-view.css
+5
-15
webroot/rsrc/css/layout/phabricator-hovercard-view.css
···
45
45
}
46
46
47
47
.phabricator-hovercard-body {
48
-
float: left;
49
-
width: 100%;
50
-
padding: 12px 0;
48
+
padding: 12px 8px;
51
49
color: {$darkgreytext};
52
50
border-bottom-right-radius: 3px;
53
51
border-bottom-left-radius: 3px;
54
-
}
55
-
56
-
.phabricator-hovercard-body-header {
57
-
margin: 0 0 0 8px;
52
+
position: relative;
58
53
}
59
54
60
55
.phabricator-hovercard-body-item {
61
-
margin: 2px 0 0 8px;
56
+
margin: 2px 0 0 0px;
62
57
}
63
58
64
59
.phabricator-hovercard-body-header {
···
69
64
}
70
65
71
66
.phabricator-hovercard-body .phabricator-hovercard-body-image {
72
-
clear: left;
73
-
float: left;
74
67
width: 58px;
68
+
position: absolute;
75
69
}
76
70
77
71
.phabricator-hovercard-body .phabricator-hovercard-body-details {
78
-
clear: right;
79
-
float: left;
80
-
width: 342px;
72
+
margin-left: 58px;
81
73
}
82
74
83
75
.phabricator-hovercard-body .profile-header-picture-frame {
84
76
float: left;
85
-
margin: 0px 8px 0px 8px;
86
77
width: 50px;
87
78
height: 50px;
88
79
background-position: center;
89
80
background-repeat: no-repeat;
90
81
}
91
-
92
82
.phabricator-hovercard-tail {
93
83
width: 396px;
94
84
float: left;