web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Test UI

Browse Source
This commit is contained in:
yflory 2018-09-10 17:04:23 +02:00
parent 56c30fc02e
commit 3acf202830
2 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
customize.dist/src/less2/include/messenger.less
View File

@ -20,6 +20,7 @@
@button-border: 2px; @button-border: 2px;
@bg-color: @colortheme_friends-bg; @bg-color: @colortheme_friends-bg;
@color: @colortheme_friends-color; @color: @colortheme_friends-color;
@room-height: 48px;
#cp-app-contacts-container { #cp-app-contacts-container {
flex: 1; flex: 1;
@ -67,7 +68,7 @@
margin-bottom: 0; margin-bottom: 0;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
height: 48px; height: @room-height;
.cp-app-contacts-right-col { .cp-app-contacts-right-col {
margin-left: 5px; margin-left: 5px;
display: flex; display: flex;
@ -125,7 +126,7 @@
#cp-app-contacts-container.cp-app-contacts-inapp { #cp-app-contacts-container.cp-app-contacts-inapp {
#cp-app-contacts-friendlist { #cp-app-contacts-friendlist {
transition: width 0.2s ease-in-out 0.2s; transition: width 0.2s ease-in-out 0.2s;
width: 70px; width: 68px;
.cp-app-contacts-friend { .cp-app-contacts-friend {
.cp-app-contacts-right-col { .cp-app-contacts-right-col {
overflow: hidden; overflow: hidden;
@ -161,21 +162,32 @@
} }
media-tag, .cp-avatar-default { media-tag, .cp-avatar-default {
margin-right: 5px; margin-right: 5px;
flex-shrink: 0;
z-index: 1;
margin: 5px;
} }
.cp-app-contacts-status { .cp-app-contacts-status {
width: 5px; //width: 5px;
display: inline-block; display: inline-block;
position: absolute; position: absolute;
right: 0; //right: 0;
top: 0; //top: 0;
bottom: 0; //bottom: 0;
opacity: 0.7; //opacity: 0.7;
background-color: #777; //background-color: #777;
width: (@room-height - 6px);
top: 3px;
bottom: 3px;
left: 3px;
border-radius: 100%;
&.cp-app-contacts-online { &.cp-app-contacts-online {
background-color: green; //background-color: green;
background-color: white;
} }
&.cp-app-contacts-offline { &.cp-app-contacts-offline {
background-color: red; //background-color: red;
} }
} }
} }

4
www/contacts/messenger-ui.js
View File

@ -118,12 +118,12 @@ define([
// Make sure the width is correct even if there is a scrollbar // Make sure the width is correct even if there is a scrollbar
var w = $userlist[0].offsetWidth - $userlist[0].clientWidth; var w = $userlist[0].offsetWidth - $userlist[0].clientWidth;
$userlist.css('width', (70 + w)+'px'); $userlist.css('width', (68 + w)+'px');
}; };
$(window).on('resize', function () { $(window).on('resize', function () {
var w = $userlist[0].offsetWidth - $userlist[0].clientWidth; var w = $userlist[0].offsetWidth - $userlist[0].clientWidth;
$userlist.css('width', (70 + w)+'px'); $userlist.css('width', (68 + w)+'px');
}); });
var m = function (md) { var m = function (md) {