1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 10:42:41 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-curtain-view.css
epriestley 5cf53f7b3b Fix some minor curtain overflow/wrap issues
Summary:
Fixes T12503.

  - Users with creative usernames like `MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM` could overflow "Subscribers" in the curtain UI.
  - Other content like packages could also overflow.
  - Users with interesting and unique names like `WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW` who were also away or disabled could get a linebreak between their availability dot and their username.

Test Plan:
See T12503 for "before" screenshots. Also tested mobile, which looked fine, but didn't screenshot it.

{F4849900}

{F4849912}

Reviewers: chad

Reviewed By: chad

Maniphest Tasks: T12503

Differential Revision: https://secure.phabricator.com/D17650
2017-04-10 16:02:00 -07:00

43 lines
689 B
CSS

/**
* @provides phui-curtain-view-css
*/
.phui-curtain-panel {
padding: 16px 0;
margin: 0 4px;
}
.device .phui-curtain-panel {
padding: 8px 0;
margin: 0;
}
.device-desktop .phui-curtain-panel {
border-top: 1px solid {$greybackground};
}
.phui-curtain-panel-header {
padding: 0 0 4px;
color: {$bluetext};
font-weight: bold;
}
.phui-curtain-panel-body {
padding: 4px 0 0;
overflow: hidden;
text-overflow: ellipsis;
}
.device .phui-curtain-panel-body {
padding: 0;
}
/* Project tags */
.phui-curtain-panel-body .phabricator-handle-tag-list-item {
line-height: 21px;
}
.phui-side-column .phui-curtain-panel-body .phui-tag-view {
white-space: pre-wrap;
}