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

feature: tooltip in the checkbox

Browse Source 
feature: add GridColumn.getElement
feature: column property of `contentWrap` and `maxLines`
change: line height from 24px to 18px
fix: adapt enabled after cell changed
fix: wrap issue of filter panel
This commit is contained in:
Chen Lily
2024-03-07 12:54:00 +08:00
parent 6fb7c3c769
commit 168cae3ce1
8 changed files with 343 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -44,7 +44,7 @@
--header-padding: 4px 12px 4px 8px;
--header-filter-padding: 4px 26px 4px 8px;
--spacing-s: 4px;
--spacing-cell: 6px 4px 6px 8px;
--spacing-cell: 9px 4px 9px 8px;
--filter-line-height: 30px;
--filter-item-padding: 0 4px;
}
@ -291,6 +291,10 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
&.wrap {
white-space: normal;
}
}
}
}
@ -357,6 +361,7 @@
}
>input[type="text"],
>input[type="date"],
>textarea {
border: none;
box-sizing: border-box;
@ -415,12 +420,8 @@
}
.ui-date-cell {
line-height: 22px;
box-sizing: border-box;
padding: var(--spacing-cell);
border: none;
font-size: var(--font-size);
width: 100%;
height: var(--row-height);
text-indent: 4px;
&:invalid {
color: rgba(0, 0, 0, .3);
@ -581,6 +582,7 @@
.ui-check-wrapper {
height: var(--filter-line-height);
line-height: var(--filter-line-height);
display: flex;
.ui-check-inner+* {

2
lib/ui/css/variables/definition.scss
View File

@ -35,7 +35,7 @@
--border-radius: 2px;
--text-indent: 4px;
--line-height: 24px;
--line-height: 18px;
--font-size: .8125rem; // 13px
--font-smaller-size: .75rem; // 12px