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

Team UI with max teams slots

Browse Source
This commit is contained in:
yflory
2019-09-24 16:55:05 +02:00
parent 09bab5fc17
commit ba6ca87792
4 changed files with 78 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
www/teams/app-team.less
View File

@@ -39,8 +39,42 @@
}
}
.cp-team-list-avatar {
.avatar_main(30px);
.cp-team-list {
.cp-team-list-container {
display: flex;
align-items: center;
justify-content: space-evenly;
flex-wrap: wrap;
}
.cp-team-list-team {
.tools_unselectable();
background-color: @roster-bg-color;
display: flex;
align-items: center;
flex-flow: column;
width: 300px;
max-width: 90%;
height: 400px;
padding: 20px;
margin: 5px;
.cp-team-list-avatar {
.avatar_main(200px);
}
.cp-team-list-name {
flex: 1;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 500px;
font-size: 25px;
display: inline-flex;
align-items: center;
}
.cp-team-list-open {
width: 100%;
}
}
}
.cp-team-avatar {
.avatar_main(300px);