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

Rounded teams

Browse Source
master
David Benqué 3 years ago
parent 0e66672b86
commit d4bb7743c0
3 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File

2
customize.dist/src/less2/include/colortheme-dark.less
Unescape Escape View File

@ -419,7 +419,7 @@
// Teams // Teams
@cp_teams-card-bg: @cryptpad_color_grey_800; @cp_teams-card-bg: @cryptpad_color_grey_800;
@cp_teams-leftside-bg: darken(@cryptpad_color_grey_800, 10%); @cp_teams-leftside-bg: @cp_sidebar-left-bg;
@cp_teams-invite-bg: fade(@cryptpad_color_brand, 50%); @cp_teams-invite-bg: fade(@cryptpad_color_brand, 50%);
@cp_teams-invite-fg: @cryptpad_text_col; @cp_teams-invite-fg: @cryptpad_text_col;
@cp_teams-roster-odd: fade(@cryptpad_text_col, 15%); @cp_teams-roster-odd: fade(@cryptpad_text_col, 15%);

2
customize.dist/src/less2/include/colortheme.less
Unescape Escape View File

@ -418,7 +418,7 @@
// Teams // Teams
@cp_teams-card-bg: @cryptpad_color_grey_300; @cp_teams-card-bg: @cryptpad_color_grey_300;
@cp_teams-leftside-bg: darken(@cryptpad_color_grey_200, 5%); @cp_teams-leftside-bg: @cp_sidebar-left-bg;
@cp_teams-invite-bg: fade(@cryptpad_color_brand, 50%); @cp_teams-invite-bg: fade(@cryptpad_color_brand, 50%);
@cp_teams-invite-fg: @cryptpad_text_col; @cp_teams-invite-fg: @cryptpad_text_col;
@cp_teams-roster-odd: fade(@cryptpad_text_col, 15%); @cp_teams-roster-odd: fade(@cryptpad_text_col, 15%);

16
www/teams/app-team.less
Unescape Escape View File

@ -88,6 +88,8 @@
} }
.cp-team-cat-header { .cp-team-cat-header {
justify-content: center; justify-content: center;
background-color: transparent !important;
box-shadow: none !important;
.avatar_main(30px); .avatar_main(30px);
.cp-avatar { .cp-avatar {
justify-content: center; justify-content: center;
@ -101,9 +103,6 @@
} }
cursor: default !important; cursor: default !important;
font-size: 18px; font-size: 18px;
&:hover {
background-color: transparent !important;
}
span.cp-sidebarlayout-category-name { span.cp-sidebarlayout-category-name {
padding-left: 5px; padding-left: 5px;
} }
@ -129,6 +128,7 @@
justify-content: space-between; justify-content: space-between;
flex-flow: column; flex-flow: column;
width: 300px; width: 300px;
border-radius: @variables_radius_L;
max-width: 90%; max-width: 90%;
height: 384px; height: 384px;
padding: 50px; padding: 50px;
@ -186,7 +186,7 @@
} }
} }
.cp-team-roster { .cp-team-roster {
.avatar_main(50px); .avatar_main(40px);
.cp-hidden { .cp-hidden {
display: none; display: none;
} }
@ -199,10 +199,11 @@
.cp-team-roster-member { .cp-team-roster-member {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 5px; margin: 5px 0px;
padding: 2px; padding: 5px 5px 5px 10px;
max-width: 500px; max-width: 500px;
background-color: @roster-bg-color; background-color: @roster-bg-color;
border-radius: @variables_radius;
&:hover { &:hover {
background-color: @roster-bg-color-hover; background-color: @roster-bg-color-hover;
} }
@ -214,7 +215,8 @@
width: 5px; width: 5px;
height: 50px; height: 50px;
display: inline-block; display: inline-block;
background-color: red; border-radius: @variables_radius;
background-color: red; // XXX hard coded colors
&.online { &.online {
background-color: green; background-color: green;
} }

Write Preview
Loading…
Cancel
Save