revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-20 20:40:56 +01:00
Code Issues Releases Wiki Activity

Update Participants UI in Conpherence Full

Browse source 
Summary: This shrinks the UI to fit more people in the participants list, useful for rooms. Also update the remove icon.

Test Plan:
Review a lot of people in a room, so so many.

{F354233}

Reviewers: epriestley, btrahan

Reviewed By: btrahan

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D12213
This commit is contained in:
Chad Little 2015-04-01 15:49:25 -07:00
parent fa673dde35
commit de737e8039
3 changed files with 26 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/celerity/map.php
View file

@ -49,7 +49,7 @@ return array(
'rsrc/css/application/conpherence/message-pane.css' => 'e44b667b', 'rsrc/css/application/conpherence/message-pane.css' => 'e44b667b',
'rsrc/css/application/conpherence/notification.css' => '04a6e10a', 'rsrc/css/application/conpherence/notification.css' => '04a6e10a',
'rsrc/css/application/conpherence/update.css' => '1099a660', 'rsrc/css/application/conpherence/update.css' => '1099a660',
'rsrc/css/application/conpherence/widget-pane.css' => '1979ee8c', 'rsrc/css/application/conpherence/widget-pane.css' => 'a9082fd0',
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4', 'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
'rsrc/css/application/countdown/timer.css' => '86b7b0a0', 'rsrc/css/application/countdown/timer.css' => '86b7b0a0',
'rsrc/css/application/dashboard/dashboard.css' => '17937d22', 'rsrc/css/application/dashboard/dashboard.css' => '17937d22',
@ -520,7 +520,7 @@ return array(
'conpherence-notification-css' => '04a6e10a', 'conpherence-notification-css' => '04a6e10a',
'conpherence-thread-manager' => 'bb928342', 'conpherence-thread-manager' => 'bb928342',
'conpherence-update-css' => '1099a660', 'conpherence-update-css' => '1099a660',
'conpherence-widget-pane-css' => '1979ee8c', 'conpherence-widget-pane-css' => 'a9082fd0',
'differential-changeset-view-css' => 'e19cfd6e', 'differential-changeset-view-css' => 'e19cfd6e',
'differential-core-view-css' => '7ac3cabc', 'differential-core-view-css' => '7ac3cabc',
'differential-inline-comment-editor' => '2529c82d', 'differential-inline-comment-editor' => '2529c82d',

5
src/applications/conpherence/view/ConpherencePeopleWidgetView.php
View file

@ -17,6 +17,8 @@ final class ConpherencePeopleWidgetView extends ConpherenceWidgetView {
$handle = $handles[$user_phid]; $handle = $handles[$user_phid];
$remove_html = ''; $remove_html = '';
if ($user_phid == $user->getPHID()) { if ($user_phid == $user->getPHID()) {
$icon = id(new PHUIIconView())
->setIconFont('fa-times lightbluetext');
$remove_html = javelin_tag( $remove_html = javelin_tag(
'a', 'a',
array( array(
@ -27,7 +29,7 @@ final class ConpherencePeopleWidgetView extends ConpherenceWidgetView {
'action' => 'remove_person', 'action' => 'remove_person',
), ),
), ),
hsprintf('<span class="close-icon">&times;</span>')); $icon);
} }
$body[] = phutil_tag( $body[] = phutil_tag(
'div', 'div',
@ -39,6 +41,7 @@ final class ConpherencePeopleWidgetView extends ConpherenceWidgetView {
'a', 'a',
array( array(
'class' => 'pic', 'class' => 'pic',
'href' => $handle->getURI(),
), ),
phutil_tag( phutil_tag(
'img', 'img',

28
webroot/rsrc/css/application/conpherence/widget-pane.css
View file

@ -334,33 +334,45 @@
padding: 3px 16px 4px 16px; padding: 3px 16px 4px 16px;
} }
#widgets-people {
margin-top: 4px;
}
.conpherence-widget-pane .person-entry { .conpherence-widget-pane .person-entry {
padding: 8px 0 0 8px; padding: 4px 8px;
}
.conpherence-widget-pane .person-entry:hover {
background-color: {$lightgreybackground};
} }
.conpherence-widget-pane .person-entry a { .conpherence-widget-pane .person-entry a {
float: left; float: left;
font-weight: bold; font-weight: bold;
line-height: 20px; line-height: 22px;
color: {$darkbluetext};
} }
.conpherence-widget-pane .person-entry a img { .conpherence-widget-pane .person-entry a img {
height: 35px; height: 24px;
width: 35px; width: 24px;
border-radius: 3px;
} }
.conpherence-widget-pane .person-entry .pic { .conpherence-widget-pane .person-entry .pic {
float: left; float: left;
margin: 0 8px 0 0; width: 30px;
width: 35px;
padding: 0;
} }
.conpherence-widget-pane .person-entry .remove { .conpherence-widget-pane .person-entry .remove {
float: right; float: right;
width: 20px; width: 20px;
height: 20px;
font-size: 18px; font-size: 18px;
padding: 5px 0 8px 0; }
.person-entry .remove:hover .phui-icon-view {
color: {$red};
} }
.conpherence-widget-pane .person-entry .remove:hover { .conpherence-widget-pane .person-entry .remove:hover {