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

app change

Browse Source
This commit is contained in:
Tsanie Lily
2023-04-11 17:34:13 +08:00
parent c38e486d7d
commit cc3d11f617
14 changed files with 385 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/checkbox.scss
View File

@ -38,7 +38,7 @@
&+* {
flex: 1 1 auto;
font-weight: 400;
font-size: $mediumSize;
font-size: var(--font-size);
padding-left: 8px;
padding-right: 6px;
align-self: center;

8
css/dropdown.scss
View File

@ -98,7 +98,7 @@ $listMaxHeight: 210px;
line-height: $headerHeight;
padding: 0 4px;
font-weight: 400;
font-size: $smallSize;
font-size: var(--font-smaller-size);
color: var(--color);
}
}*/
@ -106,7 +106,7 @@ $listMaxHeight: 210px;
>.drop-text {
flex: 1 1 auto;
cursor: pointer;
font-size: $mediumSize;
font-size: var(--font-size);
// line-height: $headerHeight;
padding: 0 6px;
overflow: hidden;
@ -120,7 +120,7 @@ $listMaxHeight: 210px;
cursor: initial;
&::placeholder {
font-size: $smallSize;
font-size: var(--font-smaller-size);
font-style: italic;
}
}
@ -240,7 +240,7 @@ $listMaxHeight: 210px;
list-style: none;
max-height: $listMaxHeight;
overflow-y: auto;
font-size: $mediumSize;
font-size: var(--font-size);
@include scrollbar();
&.filtered>li:first-child {

12
css/functions/checkbox.scss
View File

@ -25,7 +25,17 @@
}
}
>input[type="checkbox"] {
&.radiobox-wrapper {
.check-box-inner {
box-sizing: border-box;
border-radius: 8px;
width: 16px;
height: 16px;
}
}
>input[type="checkbox"],
>input[type="radio"] {
display: none;
&:checked+.check-box-inner {

36
css/grid.scss
View File

@ -21,8 +21,8 @@
--row-selected-bg-color: #e6f2fb;
--text-disabled-color: gray;
--font-size: .8125rem;
--line-height: 36px;
--row-height: 36px;
--line-height: 24px;
--header-line-height: 26px;
--text-indent: 8px;
@ -39,7 +39,7 @@
--header-padding: 4px 12px 4px 8px;
--spacing-s: 4px;
--spacing-cell: 0 4px 0 8px;
--spacing-cell: 6px 4px 6px 8px;
}
&:focus,
@ -49,9 +49,11 @@
&,
input[type="text"],
textarea,
.drop-wrapper>.drop-header>.drop-text,
.drop-wrapper>.drop-box>.drop-list {
font-size: var(--font-size);
font-family: var(--font-family);
}
>.grid-sizer {
@ -86,7 +88,7 @@
>div {
line-height: var(--header-line-height);
min-height: var(--line-height);
min-height: var(--row-height);
display: flex;
align-items: center;
padding: var(--header-padding);
@ -228,12 +230,11 @@
white-space: pre;
}
>input[type="text"] {
>input[type="text"],
>textarea {
border: none;
box-sizing: border-box;
height: calc(var(--line-height) + 2px);
width: 100%;
text-indent: var(--text-indent);
padding: 0;
&:focus,
@ -246,6 +247,20 @@
}
}
>input[type="text"] {
height: var(--row-height);
text-indent: var(--text-indent);
}
>textarea {
resize: none;
line-height: var(--line-height);
display: block;
padding: var(--spacing-cell);
white-space: nowrap;
@include scrollbar();
}
.checkbox-wrapper {
display: flex;
justify-content: center;
@ -260,7 +275,7 @@
}
.drop-wrapper {
height: calc(var(--line-height) + 2px);
height: var(--row-height);
width: 100%;
display: flex;
flex-direction: column;
@ -275,11 +290,11 @@
}
>.drop-box {
top: calc(var(--line-height) + 2px);
top: calc(var(--row-height) + 2px);
&.slide-up {
top: unset;
bottom: calc(var(--line-height) + 2px);
bottom: calc(var(--row-height) + 2px);
}
}
}
@ -287,7 +302,6 @@
.col-icon {
display: flex;
cursor: pointer;
height: var(--line-height);
justify-content: center;
align-items: center;
position: relative;

2
css/tooltip.scss
View File

@ -43,7 +43,7 @@
}
>.tooltip-content {
font-size: $smallSize;
font-size: var(--font-smaller-size);
line-height: 1rem;
white-space: normal;
overflow: hidden;

12
css/variables/definition.scss
View File

@ -1,8 +1,3 @@
// dimension
$mediumSize: .875rem; // 14px
$smallSize: .8125rem; // 13px
$tinySize: .75rem; // 12px
// animation
@keyframes loading-spinner {
0% {
@ -28,10 +23,15 @@ $tinySize: .75rem; // 12px
--disabled-box-color: #d9d9d9;
--hover-color: #eee;
--link-color: #1890ff;
--primary-color: rgb(123,28,33);
--primary-color: rgb(123, 28, 33);
--loading-bg-color: hsla(0, 0%, 100%, .4);
--loading-fore-color: rgba(0, 0, 0, .2);
--border-radius: 2px;
--text-indent: 4px;
--font-size: .8125rem;
--font-smaller-size: .75rem;
--font-larger-size: .875rem;
--font-family: "Franklin Gothic Book", "San Francisco", "Segoe UI", "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei UI", sans-serif;
}