From 3adff12d2378e5123c2999648545b17277fbdbee Mon Sep 17 00:00:00 2001 From: zhaoge <> Date: Wed, 21 Aug 2024 15:19:41 +0800 Subject: [PATCH 1/2] style: spreadSheet optimize some styles --- src/spreadSheet/style.scss | 68 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 65 insertions(+), 3 deletions(-) diff --git a/src/spreadSheet/style.scss b/src/spreadSheet/style.scss index 3df324db0..83d46ca10 100644 --- a/src/spreadSheet/style.scss +++ b/src/spreadSheet/style.scss @@ -1,11 +1,73 @@ .dtc-handsontable-no-border { - width: 100%; .handsontable { thead tr:first-child th { + background: #F9F9FA; border-top: 0; } - th:first-child { - border-left: 0; + th { + background: #F9F9FA; + border-right: solid 1px #EBECF0; + color: #3D446E; + + /* SM/Medium */ + font-family: "PingFang SC"; + font-size: 12px; + font-style: normal; + font-weight: 500; + text-align: left; + &:first-child { + border-left: 0; + } + &:nth-child(2) { + border-left: solid 1px #EBECF0; + } + &:last-child { + border-right: solid 1px #EBECF0; + border-bottom: solid 1px #EBECF0; + } + } + tr { + &:first-child { + th { + border-top: solid 1px #EBECF0; + } + td { + border-top: solid 1px #EBECF0; + &:first-of-type { + border-left: solid 1px #EBECF0; + } + } + } + } + td { + border-right: solid 1px #EBECF0; + border-bottom: solid 1px #EBECF0; + color: #3D446E; + + /* SM/Medium */ + font-family: "PingFang SC"; + font-size: 12px; + font-style: normal; + font-weight: 400; + &:first-of-type { + border-left: solid 1px #EBECF0; + } + } + } +} + +.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th { + font-weight: 400; +} + +.handsontable.htRowHeaders { + thead { + tr { + th { + &:nth-child(2) { + border-left: solid 1px #EBECF0 !important; + } + } } } } From a6d16ffb95c52aafbb064c61196155f3734ac0da Mon Sep 17 00:00:00 2001 From: zhaoge <> Date: Fri, 23 Aug 2024 17:38:09 +0800 Subject: [PATCH 2/2] feat: update spreadSheet's choose style --- src/spreadSheet/style.scss | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/src/spreadSheet/style.scss b/src/spreadSheet/style.scss index 83d46ca10..12281a823 100644 --- a/src/spreadSheet/style.scss +++ b/src/spreadSheet/style.scss @@ -1,11 +1,19 @@ .dtc-handsontable-no-border { .handsontable { + tbody { + th.ht__highlight { + background-color: #E8F1FF; + } + th.ht__active__highlight { + background-color: #E8F1FF; + } + } thead tr:first-child th { background: #F9F9FA; border-top: 0; } th { - background: #F9F9FA; + background: #FFF; border-right: solid 1px #EBECF0; color: #3D446E; @@ -53,6 +61,11 @@ border-left: solid 1px #EBECF0; } } + td.area { + &::before { + background: #1D78FF; + } + } } }