From 7fa347e4f7e6e0342c0f83dc6b347f875e2559b0 Mon Sep 17 00:00:00 2001
From: hyrious <hyrious@outlook.com>
Date: Mon, 28 Feb 2022 09:42:25 +0800
Subject: [PATCH] fix(flat-components): cloud storage file title color

---
 .../components/CloudStorage/CloudStorageFileTitle/style.less  | 4 ++++
 .../CloudStorageContainer/CloudStorageContainer.stories.tsx   | 4 ++--
 .../src/containers/CloudStorageContainer/style.less           | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/flat-components/src/components/CloudStorage/CloudStorageFileTitle/style.less b/packages/flat-components/src/components/CloudStorage/CloudStorageFileTitle/style.less
index 30b5883446d..7e1604ec6dd 100644
--- a/packages/flat-components/src/components/CloudStorage/CloudStorageFileTitle/style.less
+++ b/packages/flat-components/src/components/CloudStorage/CloudStorageFileTitle/style.less
@@ -34,6 +34,10 @@
     user-select: none;
 }
 
+a.cloud-storage-file-title-content {
+    color: inherit;
+}
+
 .cloud-storage-file-title-rename-input {
     box-shadow: none !important;
     width: 200px;
diff --git a/packages/flat-components/src/containers/CloudStorageContainer/CloudStorageContainer.stories.tsx b/packages/flat-components/src/containers/CloudStorageContainer/CloudStorageContainer.stories.tsx
index cfcea79038f..1067d703093 100644
--- a/packages/flat-components/src/containers/CloudStorageContainer/CloudStorageContainer.stories.tsx
+++ b/packages/flat-components/src/containers/CloudStorageContainer/CloudStorageContainer.stories.tsx
@@ -181,7 +181,7 @@ function fakeStoreArgTypes(): ArgTypes {
 export const Overview: Story<FakeStoreConfig> = config => {
     const [store] = useState(() => new FakeStore(config));
     return (
-        <div className="ba br3 b--gray" style={{ height: 600, maxHeight: "80vh" }}>
+        <div className="ba br3 b--gray overflow-hidden" style={{ height: 600, maxHeight: "80vh" }}>
             <CloudStorageContainer store={store} />
         </div>
     );
@@ -195,7 +195,7 @@ export const CompactMode: Story<FakeStoreConfig> = config => {
         return store;
     });
     return (
-        <div className="ba br3 b--gray" style={{ height: "400px" }}>
+        <div className="ba br3 b--gray overflow-hidden" style={{ height: "400px" }}>
             <CloudStorageContainer store={store} />
         </div>
     );
diff --git a/packages/flat-components/src/containers/CloudStorageContainer/style.less b/packages/flat-components/src/containers/CloudStorageContainer/style.less
index 92faafeb5f0..dea57c4b606 100644
--- a/packages/flat-components/src/containers/CloudStorageContainer/style.less
+++ b/packages/flat-components/src/containers/CloudStorageContainer/style.less
@@ -4,7 +4,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    background-color: var(--grey-0);
+    background-color: #fff;
 }
 
 .cloud-storage-container-head {