tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sync issue fixes, and add more comments.

Browse Source
This commit is contained in:
Chen Lily
2024-02-19 17:32:11 +08:00
parent 3fd1b5982a
commit 7770aa10a0
6 changed files with 762 additions and 788 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
lib/ui/css/grid.scss
View File

@ -19,6 +19,7 @@
--row-bg-color: #fff;
--row-active-bg-color: #fafafa;
--row-selected-bg-color: #e6f2fb;
--total-row-bg-color: #b3b3b3;
--text-disabled-color: gray;
--filter-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
@ -79,8 +80,9 @@
table-layout: fixed;
>thead {
color: var(--header-fore-color);
tr {
color: var(--header-fore-color);
position: sticky;
top: 0;
z-index: 2;
@ -251,15 +253,54 @@
}
}
>tbody {
color: var(--cell-fore-color);
>tbody,
>tfoot {
>.ui-grid-row {
line-height: var(--line-height);
white-space: nowrap;
box-sizing: border-box;
>td {
padding: 0;
&.sticky {
position: sticky;
z-index: 1;
}
>span {
padding: var(--spacing-cell);
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
}
}
}
}
>tfoot {
color: var(--header-fore-color);
position: absolute;
width: 100%;
background-color: var(--total-row-bg-color);
>.ui-grid-row>td {
font-weight: bold;
&.sticky {
background-color: var(--total-row-bg-color);
}
}
}
>tbody {
color: var(--cell-fore-color);
>.ui-grid-row {
background-color: var(--row-bg-color);
border-bottom: 1px solid var(--cell-border-color);
box-sizing: border-box;
&:hover {
background-color: var(--row-active-bg-color);
@ -278,11 +319,8 @@
}
>td {
padding: 0;
&.sticky {
position: sticky;
z-index: 1;
background-color: var(--row-bg-color);
}
@ -302,14 +340,6 @@
}
}
>span {
padding: var(--spacing-cell);
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
}
>input[type="text"],
>textarea {
border: none;
@ -387,6 +417,7 @@
justify-content: center;
align-items: center;
position: relative;
padding: var(--spacing-s);
>svg {
width: 16px;