fix:修复saas模式表格css (#3520)

This commit is contained in:
liukun 2025-06-23 00:44:44 -07:00 committed by GitHub
parent a33f861209
commit e265872bfb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 10 additions and 13 deletions

View File

@ -7,7 +7,7 @@
// 筛选 // 筛选
.@{grid-filter-wrapper-prefix-cls} { .@{grid-filter-wrapper-prefix-cls} {
@apply py-0 px-1; @apply pl-1;
@apply pt-px; @apply pt-px;
@apply align-middle; @apply align-middle;
@apply inline-block; @apply inline-block;

View File

@ -22,11 +22,6 @@
@apply text-xs; @apply text-xs;
@apply text-color-text-primary; @apply text-color-text-primary;
&.is__sortable {
.@{grid-cell-prefix-cls} {
@apply pr-5;
}
}
// 在表格个性化场景动态的设置冻结列这里需要在非冻结列情况下消除之前设置的left和right样式并提升权重覆盖style属性 // 在表格个性化场景动态的设置冻结列这里需要在非冻结列情况下消除之前设置的left和right样式并提升权重覆盖style属性
&:not(.fixed__column) { &:not(.fixed__column) {

View File

@ -8,7 +8,7 @@
@apply overflow-hidden; @apply overflow-hidden;
@apply text-ellipsis; @apply text-ellipsis;
@apply whitespace-nowrap; @apply whitespace-nowrap;
@apply pl-2; @apply pl-4;
@apply box-border; @apply box-border;
line-height: 1.375rem; line-height: 1.375rem;
} }
@ -35,6 +35,8 @@
.@{grid-cell-prefix-cls} { .@{grid-cell-prefix-cls} {
.TextEllipsis(); .TextEllipsis();
line-height: 1.375rem; line-height: 1.375rem;
@apply pr-4;
// 表头布局从block改为了flex此处兼容插槽文本溢出不显示省略号问题 // 表头布局从block改为了flex此处兼容插槽文本溢出不显示省略号问题
&:not(:has(.tiny-grid-cell-text)) > span:only-of-type:not(.@{grid-cell-prefix}__expanded) { &:not(:has(.tiny-grid-cell-text)) > span:only-of-type:not(.@{grid-cell-prefix}__expanded) {
@apply text-ellipsis; @apply text-ellipsis;

View File

@ -590,6 +590,7 @@
@apply flex-col; @apply flex-col;
@apply justify-center; @apply justify-center;
@apply items-center; @apply items-center;
@apply pl-1;
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@apply top-1; @apply top-1;

View File

@ -682,8 +682,7 @@
// 排序 // 排序
& &-sort-wrapper { & &-sort-wrapper {
position: absolute; @apply pl-1;
right: 16px;
.@{grid-prefix-cls}-sort__btn { .@{grid-prefix-cls}-sort__btn {
@apply ~'h-3.5'; @apply ~'h-3.5';

View File

@ -46,11 +46,11 @@
.@{input-prefix-cls}__count { .@{input-prefix-cls}__count {
@apply text-color-text-placeholder; @apply text-color-text-placeholder;
@apply bg-color-bg-1;
@apply text-xs; @apply text-xs;
@apply absolute; @apply absolute;
@apply bottom-1; @apply bottom-0;
@apply right-4; @apply right-4;
@apply leading-5;
} }
&__inner { &__inner {

View File

@ -48,7 +48,7 @@ export const classes = {
'no-round': 'rounded', 'no-round': 'rounded',
'is-round': 'rounded-full', 'is-round': 'rounded-full',
'is-border': 'border-0.5 sm:border', 'is-border': 'border-0.5 sm:border',
'no-circle': 'sm:min-w-[theme(spacing.18)] pl-3 pr-3', 'no-circle': 'sm:min-w-[theme(spacing.18)] pl-2 pr-2 leading-5',
'is-circle': 'sm:min-w-[theme(spacing.18)] sm:rounded-full sm:pl-2 sm:pr-2', 'is-circle': 'sm:min-w-[theme(spacing.18)] sm:rounded-full sm:pl-2 sm:pr-2',
'button-icon': '-mt-0.5 sm:text-base fill-current', 'button-icon': '-mt-0.5 sm:text-base fill-current',
'button-icon-default': 'text-color-icon-primary hover:text-color-icon-hover active:text-color-icon-active', 'button-icon-default': 'text-color-icon-primary hover:text-color-icon-hover active:text-color-icon-active',

View File

@ -12,7 +12,7 @@
{ {
'text-color-brand-focus bg-color-fill-6': dataStore.checkedStatus && selected 'text-color-brand-focus bg-color-fill-6': dataStore.checkedStatus && selected
}, },
dataStore.multiStage ? '!px-0' : '[&:not(:last-of-type)]:mb-1' dataStore.multiStage ? '!px-0' : '[&:not(:last-of-type)]:!mb-1'
) )
" "
@click.stop="handleClick" @click.stop="handleClick"