IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Client: Fixed border of the table header

Browse Source
This commit is contained in:
Akmal Isomadinov 2023-10-06 17:55:13 +05:00
parent 487accf948
commit 93d32ec4ea
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/components/table-container/StyledTableContainer.js
View File

@ -70,10 +70,14 @@ const StyledTableContainer = styled.div`
: `border-left: 0;`}
}
.lengthen-header {
border-image-slice: 1;
border-image-source: ${(props) =>
props.theme.tableContainer.header.lengthenBorderImageSource};
@media (hover: hover) {
&:has(.table-list-item:first-child .table-container_row:hover) {
.table-container_header,
.table-container_group-menu {
border-image-source: ${(props) =>
props.theme.tableContainer.header.borderHoverImageSource};
}
}
}
.hotkeys-lengthen-header {

2
packages/components/themes/base.js
View File

@ -2166,6 +2166,8 @@ const Base = {
hoverIconColor: grayMain,
borderImageSource: `linear-gradient(to right,${white} 21px,${grayLightMid} 21px,${grayLightMid} calc(100% - 20px),${white} calc(100% - 20px))`,
borderHoverImageSource: `linear-gradient(to right,${white} 0px,${grayLightMid} 0px,${grayLightMid} 100% ,${white} 100%)`,
lengthenBorderImageSource: `linear-gradient(to right, ${grayLightMid}, ${grayLightMid})`,
hotkeyBorderBottom: `1px solid ${globalColors.blueMain}`,

1
packages/components/themes/dark.js
View File

@ -2164,6 +2164,7 @@ const Dark = {
hoverIconColor: grayMaxLight,
borderImageSource: `linear-gradient(to right,${black} 21px,#474747 21px,#474747 calc(100% - 20px),${black} calc(100% - 20px))`,
borderHoverImageSource: `linear-gradient(to right,${black} 0px,#474747 0px,#474747 100% ,${black} 100%)`,
lengthenBorderImageSource: `linear-gradient(to right, #474747, #474747)`,
hotkeyBorderBottom: `1px solid ${globalColors.blueMain}`,