From f7a8569d2efec2948073a26f4bc6c8ea4d2314bf Mon Sep 17 00:00:00 2001
From: wangzemei <wangzemei@easycorp.ltd>
Date: Mon, 10 Oct 2022 13:30:35 +0800
Subject: [PATCH] * modify team style

---
 module/task/css/create.css         | 22 +++++++++++++++++-----
 module/task/css/edit.css           | 18 ++++++++++++++++++
 module/task/view/taskteam.html.php |  6 ++++--
 3 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/module/task/css/create.css b/module/task/css/create.css
index 88c04530a3..ecaf67db46 100644
--- a/module/task/css/create.css
+++ b/module/task/css/create.css
@@ -28,9 +28,21 @@
 .c-modulel {width: 110px;}
 
 .keep-row-height {height: 32px;}
-#modalTeam .modal-dialog {height: 360px; width: 620px;}
-#modalTeam .modal-header {height: 44px; padding: 10px 0;}
-#modalTeam .modal-header .modal-title {font-size: 13px; color: #3c4353;}
-#modalTeam .modal-body {padding-top: 12px;}
+#modalTeam .modal-dialog {height: 340px; width: 620px; color: #3c4353;}
+#modalTeam .modal-content {padding: 0 0 5px; height: 340px;}
+#modalTeam .modal-header {height: 44px; padding: 10px 20px; margin: 0;}
+#modalTeam .modal-header .modal-title {font-size: 13px; line-height: 24px;}
+#modalTeam .modal-body {padding: 12px 13px 20px; max-height: 296px!important; overflow-y: scroll!important;}
 #taskTeamEditor tr {padding: 8px 7px 8px 7px;}
-#taskTeamEditor td {height: 36px;}
+#taskTeamEditor td .chosen-single .chosen-search input,
+#taskTeamEditor tr td .chosen-single {height: 35px; line-height: 24px;}
+#taskTeamEditor td .chosen-single .chosen-search::before {top: 10px;}
+#taskTeamEditor tr td:first-child {width: 40px; position: relative;}
+.team-number {display: inline-block; width: 20px; height: 20px; height: 20px; border-radius: 10px; text-align: center; background: #f4f5f7;}
+#taskTeamEditor tr td:first-child .icon { position: absolute; top: 42px; left: 10.5px; display: block; font-size: 8px; color: #9ea3bd;;}
+#taskTeamEditor tr:last-child td:first-child .icon {display: none;}
+
+#modalTeam .modal-content input[type="text"]::input-placeholder{color: #c4c4c4;text-align: left;}
+#modalTeam .modal-content input[type="text"]::-webkit-input-placeholder{color: #c4c4c4;text-align: left;}
+#modalTeam .modal-content input[type="text"]::-moz-placeholder{color: #c4c4c4;text-align: left;}
+#modalTeam .modal-content input[type="text"]::-ms-input-placeholder{color: #c4c4c4;text-align: left;}
\ No newline at end of file
diff --git a/module/task/css/edit.css b/module/task/css/edit.css
index eea94e90ad..928d5699bf 100644
--- a/module/task/css/edit.css
+++ b/module/task/css/edit.css
@@ -3,3 +3,21 @@
 #showAllModuleBox .no-margin {padding-left:22px;}
 #taskTeamEditor .sortable .input-group .input-group-addon.required:after {top: 10px; right: 2px; z-index: 3;}
 #storyIdBox .chosen-container .chosen-drop.chosen-no-wrap>.chosen-results>li {text-overflow: unset;}
+
+#modalTeam .modal-dialog {padding-bottom: 20px;}
+#modalTeam .modal-content {padding: 20px 13px 0; height: 340px;max-height: 296px!important; overflow-y: scroll!important;}
+#modalTeam .modal-header {height: 44px; padding: 10px 20px; margin: 0; }
+#modalTeam .modal-header .modal-title {font-size: 13px; line-height: 24px;}
+#taskTeamEditor tr {padding: 8px 7px 8px 7px;}
+#taskTeamEditor td .chosen-single .chosen-search input,
+#taskTeamEditor tr td .chosen-single {height: 35px; line-height: 24px;}
+#taskTeamEditor td .chosen-single .chosen-search::before {top: 10px;}
+#taskTeamEditor tr td:first-child {width: 40px; position: relative;}
+.team-number {display: inline-block; width: 20px; height: 20px; height: 20px; border-radius: 10px; text-align: center; background: #f4f5f7;}
+#taskTeamEditor tr td:first-child .icon { position: absolute; top: 42px; left: 10.5px; display: block; font-size: 8px; color: #9ea3bd;;}
+#taskTeamEditor tr:last-child td:first-child .icon {display: none;}
+
+#modalTeam .modal-content input[type="text"]::input-placeholder{color: #c4c4c4;text-align: left;}
+#modalTeam .modal-content input[type="text"]::-webkit-input-placeholder{color: #c4c4c4;text-align: left;}
+#modalTeam .modal-content input[type="text"]::-moz-placeholder{color: #c4c4c4;text-align: left;}
+#modalTeam .modal-content input[type="text"]::-ms-input-placeholder{color: #c4c4c4;text-align: left;}
diff --git a/module/task/view/taskteam.html.php b/module/task/view/taskteam.html.php
index 231a8af5f2..9ff6c9a207 100644
--- a/module/task/view/taskteam.html.php
+++ b/module/task/view/taskteam.html.php
@@ -26,7 +26,8 @@ if($task->mode == 'multi' and $app->rawMethod == 'activate') $hourDisabled = fal
 ?>
 <tr class='member-<?php echo $memberStatus;?>' data-estimate='<?php echo (float)$member->estimate?>' data-consumed='<?php echo (float)$member->consumed?>' data-left='<?php echo (float)$member->left?>'>
   <td>
-    <span><?php echo $i;?></span>
+    <span class="team-number"><?php echo $i;?></span>
+    <i class="icon icon-angle-down"></i>
   </td>
   <td class='w-250px'>
     <?php echo html::select("team[]", $members, $member->account, "class='form-control chosen'" . ($memberDisabled ? ' disabled' : ''))?>
@@ -56,7 +57,8 @@ if($task->mode == 'multi' and $app->rawMethod == 'activate') $hourDisabled = fal
 <?php endif;?>
 <tr class='template teamTemplate member-wait'>
   <td>
-    <span><?php echo $i;?></span>
+    <span class="team-number"><?php echo $i;?></span>
+    <i class="icon icon-angle-down"></i>
   </td>
   <td class='w-250px'>
     <?php echo html::select("team[]", $members, '', "class='form-control chosen'")?>