mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 17:02:41 +01:00
78bfcc3221
Summary: For the price of loading transactions more consistently, we get a better subtitle. We do this in all cases EXCEPT for when we're grabbing handles, because that makes the handles pretty heavy weight and I could even feel the perf hit on my development machine and we don't use subtitle there anyway. We may want to cache the latest message on the conpherence thread object to improve performance here as well as consider falling back to "A, B, C..." more often. Code is written such that no transactions means an automagical fallback. Fixes T7795. (Technically, there's still a note about handle code conversion work on T7795 but we'll get that generally later.) Test Plan: played around with conpherence in both views and things seemed to work nicely. made sure to try the original repro in T7795 and couldn't get that to go either posted a long comment and verified that the CSS / string truncation both make it display nicely. Note that without the CSS the chosen glyph value can be too high to fit nicely at times. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7795 Differential Revision: https://secure.phabricator.com/D12347
71 lines
1.4 KiB
CSS
71 lines
1.4 KiB
CSS
/**
|
|
* @provides conpherence-notification-css
|
|
*/
|
|
|
|
/* kill styles on phabricator-notification */
|
|
.conpherence-notification {
|
|
padding: 0;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view {
|
|
display: block;
|
|
height: 46px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-decoration: none;
|
|
border-bottom: none;
|
|
border-right: 0;
|
|
border-left: 0;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-image {
|
|
top: 8px;
|
|
left: 8px;
|
|
display: block;
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 30px;
|
|
background-size: 30px;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-title {
|
|
display: block;
|
|
margin-top: 8px;
|
|
margin-left: 46px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
color: {$darkgreytext};
|
|
width: 314px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-subtitle {
|
|
display: block;
|
|
color: {$lightgreytext};
|
|
font-size: 11px;
|
|
margin-top: 2px;
|
|
margin-left: 46px;
|
|
width: 314px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-unread-count {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 15px;
|
|
background: {$blue};
|
|
border-radius: 2px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
padding: 0 5px 1px;
|
|
font-size: 11px;
|
|
}
|