optim color input text overflow

This commit is contained in:
MrKBear 2022-03-17 15:42:14 +08:00
parent d7d6ac4058
commit a91143f6c0

View File

@ -4,7 +4,7 @@ div.color-input {
div.color-view { div.color-view {
width: $line-min-height; width: $line-min-height;
max-width: $line-min-height; min-width: $line-min-height;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -24,7 +24,12 @@ div.color-input {
align-items: center; align-items: center;
div.text-box { div.text-box {
max-width: calc( 100% - 24px);
text-overflow: ellipsis;
overflow: hidden;
padding-left: 1px; padding-left: 1px;
white-space: nowrap;
word-break: keep-all;
} }
} }
} }