gitadmin/sk_fems_ui
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Update 1908

Browse Source
This commit is contained in:
dev
2025-08-20 10:17:23 +09:00
parent 08637f6321
commit 7baa87df12
6 changed files with 198 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
assets/scss/common/grid.scss
View File

@ -145,6 +145,44 @@
}
}
.tui-grid-editor-select-box-layer {
min-width: 116px !important;
.tui-select-box-input {
border-radius: 6px;
}
.tui-select-box-dropdown {
margin-top: 1px;
border-radius: 4px;
padding: 4px;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
.tui-select-box-item {
margin-bottom: 4px;
position: relative;
&:before {
bottom: 0;
content: '';
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
&:hover {
&::before {
opacity: 0.04
}
}
}
}
}
.treeGrid {
.tui-grid {
&-header-area {
@ -756,6 +794,142 @@
}
}
}
select {
&.selectbox {
background: map-deep-get($config,
#{$theme},
"tui-grid-cell-backgroundColor"
);
border-color:map-deep-get($config,
#{$theme},
"v-input-fieldset-color"
);
color: map-deep-get($config,
#{$theme},
"tui-grid-cell-color"
);
.calendarOption {
background: map-deep-get($config,
#{$theme},
"tui-grid-cell-backgroundColor"
);
border-color:map-deep-get($config,
#{$theme},
"v-input-fieldset-color"
);
color: map-deep-get($config,
#{$theme},
"tui-grid-cell-color"
);
&:hover {
background: #d9d9d9;
color: map-deep-get($config,
#{$theme},
"tui-grid-cell-color"
);
}
&:checked {
background: #E6F4FF;
color: map-deep-get($config,
#{$theme},
"tui-grid-cell-color"
);
}
}
}
}
}
}
.tui-grid-editor-select-box-layer {
.tui-select-box-input {
background: map-deep-get($config,
#{$theme},
"tui-grid-cell-backgroundColor"
);
border-color:map-deep-get($config,
#{$theme},
"v-input-fieldset-color"
);
color: map-deep-get($config,
#{$theme},
"tui-grid-cell-color"
);
}
.tui-select-box-dropdown {
background-color: map-deep-get($config,
#{$theme},
"tui-datepicker-backgroundColor"
);
border: 1px solid map-deep-get($config, #{$theme}, "tui-datepicker-border-color");
color: map-deep-get($config, #{$theme}, "tui-datepicker-calendar-color");
.tui-select-box-item {
color: map-deep-get($config, #{$theme}, "tui-datepicker-calendar-color");
&:before {
opacity: map-deep-get($config,
#{$theme},
"selected-bg-opacity"
);
}
}
.tui-select-box-highlight {
background:none !important;
&:before {
background: map-deep-get($config,
#{$theme},
"tui-grid-cell-color"
);
opacity: map-deep-get($config,
#{$theme},
"highlighted-bg-opacity"
);
}
}
.tui-select-box-selected {
background: map-deep-get($config,
#{$theme},
"v-treeview-node-label-active-bg"
);
color: map-deep-get($config,
#{$theme},
"tui-grid-cell-color"
);
&:before {
// opacity: map-deep-get($config,
// #{$theme},
// "selected-bg-opacity"
// );
background: map-deep-get($config,
#{$theme},
"ant-btn-primary-bg"
) !important;
opacity: map-deep-get($config,
#{$theme},
"selected-bg-opacity"
) !important;
}
}
}
}

4
assets/scss/var.scss
View File

@ -185,6 +185,8 @@ $config: (
paging-background: #212224,
paging-text: #FFFFFFD9,
icon-datepicker-color: #FFFFFF73,
selected-bg-opacity: 0.32,
highlighted-bg-opacity: 0.08,
),
light: (w-g5: $--color-gray_555,
g5-w: $--color-white,
@ -333,5 +335,7 @@ $config: (
paging-background: #FFFFFF,
paging-text: #000000E0,
icon-datepicker-color: #00000073,
selected-bg-opacity: 0.16,
highlighted-bg-opacity: 0.04,
),
);