infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Roster page UI

pull/1/head
yflory 2019-09-23 11:16:03 +02:00
parent 9e7dfed98b
commit adac70567f
2 changed files with 44 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
www/team/app-team.less
View File

@ -2,6 +2,8 @@
@import (reference) '../../customize/src/less2/include/drive.less';
@import (reference) '../../customize/src/less2/include/messenger.less';
@import (reference) '../../customize/src/less2/include/sidebar-layout.less';
@import (reference) "../../customize/src/less2/include/tools.less";
&.cp-app-team {
.framework_min_main(
@ -14,6 +16,8 @@
.messenger_main();
.sidebar-layout_main();
@roster-bg-color: #efefef;
#cp-sidebarlayout-container {
div#cp-sidebarlayout-rightside.cp-rightside-drive {
padding: 0;
@ -41,6 +45,43 @@
.cp-team-avatar {
.avatar_main(300px);
}
.cp-team-roster {
.avatar_main(50px);
.cp-team-roster-member {
display: flex;
align-items: center;
margin: 5px;
padding: 2px;
max-width: 500px;
background-color: @roster-bg-color;
&:hover {
background-color: darken(@roster-bg-color, 5%);
}
.cp-avatar {
margin-right: 10px;
}
.cp-team-member-name {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
.tools_unselectable();
}
.cp-team-member-actions {
.fa {
height: 25px;
width: 25px;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
&:hover {
background-color: darken(@roster-bg-color, 10%);
}
}
}
}
}
}
}

4
www/team/inner.js
View File

@ -447,7 +447,9 @@ define([
name,
actions
];
var div = h('div.cp-team-roster-member', content);
var div = h('div.cp-team-roster-member', {
title: data.displayName
}, content);
if (data.profile) {
$(div).dblclick(function (e) {
e.preventDefault();