From a91143f6c0474d4a73a34487f13c6c6a83db3417 Mon Sep 17 00:00:00 2001
From: MrKBear <mrkbear@qq.com>
Date: Thu, 17 Mar 2022 15:42:14 +0800
Subject: [PATCH] optim color input text overflow

---
 source/Component/ColorInput/ColorInput.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/source/Component/ColorInput/ColorInput.scss b/source/Component/ColorInput/ColorInput.scss
index b85eea1..c3db15a 100644
--- a/source/Component/ColorInput/ColorInput.scss
+++ b/source/Component/ColorInput/ColorInput.scss
@@ -4,7 +4,7 @@ div.color-input {
 
     div.color-view {
         width: $line-min-height;
-        max-width: $line-min-height;
+        min-width: $line-min-height;
         display: flex;
         justify-content: center;
         align-items: center;
@@ -24,7 +24,12 @@ div.color-input {
         align-items: center;
 
         div.text-box {
+            max-width: calc( 100% - 24px);
+            text-overflow: ellipsis;
+            overflow: hidden;
             padding-left: 1px;
+            white-space: nowrap;
+            word-break: keep-all;
         }
     }
 }