From d4bb7743c044d3b75570737e576fceb2943ed04f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <david.benque@xwiki.com>
Date: Mon, 7 Feb 2022 16:10:42 +0000
Subject: [PATCH] Rounded teams

---
 .../src/less2/include/colortheme-dark.less       |  2 +-
 customize.dist/src/less2/include/colortheme.less |  2 +-
 www/teams/app-team.less                          | 16 +++++++++-------
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/customize.dist/src/less2/include/colortheme-dark.less b/customize.dist/src/less2/include/colortheme-dark.less
index c8997147a..cc05c437e 100644
--- a/customize.dist/src/less2/include/colortheme-dark.less
+++ b/customize.dist/src/less2/include/colortheme-dark.less
@@ -419,7 +419,7 @@
 
 // Teams
 @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-fg: @cryptpad_text_col;
 @cp_teams-roster-odd: fade(@cryptpad_text_col, 15%);
diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less
index c34df76dc..0ec0e36d1 100644
--- a/customize.dist/src/less2/include/colortheme.less
+++ b/customize.dist/src/less2/include/colortheme.less
@@ -418,7 +418,7 @@
 
 // Teams
 @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-fg: @cryptpad_text_col;
 @cp_teams-roster-odd: fade(@cryptpad_text_col, 15%);
diff --git a/www/teams/app-team.less b/www/teams/app-team.less
index 71edfb08e..615a18284 100644
--- a/www/teams/app-team.less
+++ b/www/teams/app-team.less
@@ -88,6 +88,8 @@
         }
         .cp-team-cat-header {
             justify-content: center;
+            background-color: transparent !important;
+            box-shadow: none !important;
             .avatar_main(30px);
             .cp-avatar {
                 justify-content: center;
@@ -101,9 +103,6 @@
             }
             cursor: default !important;
             font-size: 18px;
-            &:hover {
-                background-color: transparent !important;
-            }
             span.cp-sidebarlayout-category-name {
                 padding-left: 5px;
             }
@@ -129,6 +128,7 @@
                 justify-content: space-between;
                 flex-flow: column;
                 width: 300px;
+                border-radius: @variables_radius_L;
                 max-width: 90%;
                 height: 384px;
                 padding: 50px;
@@ -186,7 +186,7 @@
             }
         }
         .cp-team-roster {
-            .avatar_main(50px);
+            .avatar_main(40px);
             .cp-hidden {
                 display: none;
             }
@@ -199,10 +199,11 @@
             .cp-team-roster-member {
                 display: flex;
                 align-items: center;
-                margin: 5px;
-                padding: 2px;
+                margin: 5px 0px;
+                padding: 5px 5px 5px 10px;
                 max-width: 500px;
                 background-color: @roster-bg-color;
+                border-radius: @variables_radius;
                 &:hover {
                     background-color: @roster-bg-color-hover;
                 }
@@ -214,7 +215,8 @@
                     width: 5px;
                     height: 50px;
                     display: inline-block;
-                    background-color: red;
+                    border-radius: @variables_radius;
+                    background-color: red; // XXX hard coded colors
                     &.online {
                         background-color: green;
                     }