From 0b9e5d3a1bbf457a156cb76232f8fd5f55090207 Mon Sep 17 00:00:00 2001
From: shanshuirenjia <978987373@qq.com>
Date: Mon, 17 Dec 2018 17:44:59 +0800
Subject: [PATCH] adjust tag z-index

---
 .../components/dirent-list-view/dirent-list-item.js    |  5 +++--
 media/css/seahub_react.css                             | 10 +++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/dirent-list-view/dirent-list-item.js b/frontend/src/components/dirent-list-view/dirent-list-item.js
index ace0aae763..a57f2dca85 100644
--- a/frontend/src/components/dirent-list-view/dirent-list-item.js
+++ b/frontend/src/components/dirent-list-view/dirent-list-item.js
@@ -401,9 +401,10 @@ class DirentListItem extends React.Component {
           </td>
           <td>
             <div className="dirent-item tag-list tag-list-stacked ">
-              { dirent.type !== 'dir' && dirent.file_tags.map((fileTag) => {
+              { dirent.type !== 'dir' && dirent.file_tags.map((fileTag, index) => {
+                let length = dirent.file_tags.length;
                 return (
-                  <span className={`file-tag bg-${fileTag.color}`} key={fileTag.id} title={fileTag.name}></span>
+                  <span className={`file-tag bg-${fileTag.color}`} key={fileTag.id} title={fileTag.name} style={{zIndex: length - index }}></span>
                 );
               })}
             </div>
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 82fbad4df4..fa55321c8d 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -998,20 +998,20 @@ table .menu-toggle {
 /* begin file-tag */
 .tag-list {
     position: relative;
+    justify-content: flex-end;
 }
 
 .tag-list .file-tag {
-    margin-left: 0.25rem;
     cursor: pointer;
 }
 
-.tag-list .file-tag:first-child {
-    margin-left: 0;
+.tag-list .file-tag:last-child {
+    margin-right: 0;
 }
 
 .tag-list-stacked .file-tag{
-    margin-left: -0.35rem;
-    box-shadow: 0 0 0 2px #fff;
+    margin-right: -0.3rem;
+    box-shadow: 0 0 0 0.125rem #fff;
     cursor: pointer;
 }