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

dropdown grid column, tiny style adjustment

Browse Source
This commit is contained in:
Tsanie Lily
2023-04-03 23:58:53 +08:00
parent cb3b03f365
commit 3c1cbdf22e
3 changed files with 75 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
css/grid.scss
View File

@ -48,7 +48,7 @@
--header-padding: 4px 12px 4px 8px;
--spacing-s: 4px;
--spacing-cell: 5px 4px 5px 8px;
--spacing-cell: 0 4px 0 8px;
}
&:focus,
@ -57,7 +57,9 @@
}
&,
input[type="text"] {
input[type="text"],
.dropdown-wrapper>.dropdown-header>.dropdown-text,
.dropdown-wrapper>.dropdown-panel>.dropdown-list {
font-size: var(--font-size);
}
@ -175,12 +177,13 @@
>td {
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
>span {
padding: var(--spacing-cell);
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
}
>input[type="text"] {
@ -189,6 +192,7 @@
height: calc(var(--line-height) + 2px);
width: 100%;
text-indent: var(--text-indent);
padding: 0;
&:focus,
&:focus-visible {
@ -217,6 +221,14 @@
>.dropdown-header {
border: none;
height: 100%;
>.dropdown-text {
padding: var(--spacing-cell);
}
}
>.dropdown-panel {
top: calc(var(--line-height) + 2px);
}
}
}