fix:修复saas模式表格css (#3520)
This commit is contained in:
parent
a33f861209
commit
e265872bfb
|
@ -7,7 +7,7 @@
|
|||
|
||||
// 筛选
|
||||
.@{grid-filter-wrapper-prefix-cls} {
|
||||
@apply py-0 px-1;
|
||||
@apply pl-1;
|
||||
@apply pt-px;
|
||||
@apply align-middle;
|
||||
@apply inline-block;
|
||||
|
|
|
@ -22,11 +22,6 @@
|
|||
@apply text-xs;
|
||||
@apply text-color-text-primary;
|
||||
|
||||
&.is__sortable {
|
||||
.@{grid-cell-prefix-cls} {
|
||||
@apply pr-5;
|
||||
}
|
||||
}
|
||||
|
||||
// 在表格个性化场景,动态的设置冻结列,这里需要在非冻结列情况下消除之前设置的left和right样式,并提升权重覆盖style属性
|
||||
&:not(.fixed__column) {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
@apply overflow-hidden;
|
||||
@apply text-ellipsis;
|
||||
@apply whitespace-nowrap;
|
||||
@apply pl-2;
|
||||
@apply pl-4;
|
||||
@apply box-border;
|
||||
line-height: 1.375rem;
|
||||
}
|
||||
|
@ -35,6 +35,8 @@
|
|||
.@{grid-cell-prefix-cls} {
|
||||
.TextEllipsis();
|
||||
line-height: 1.375rem;
|
||||
@apply pr-4;
|
||||
|
||||
// 表头布局从block改为了flex,此处兼容插槽文本溢出不显示省略号问题
|
||||
&:not(:has(.tiny-grid-cell-text)) > span:only-of-type:not(.@{grid-cell-prefix}__expanded) {
|
||||
@apply text-ellipsis;
|
||||
|
|
|
@ -590,6 +590,7 @@
|
|||
@apply flex-col;
|
||||
@apply justify-center;
|
||||
@apply items-center;
|
||||
@apply pl-1;
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
@apply top-1;
|
||||
|
|
|
@ -682,8 +682,7 @@
|
|||
|
||||
// 排序
|
||||
& &-sort-wrapper {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
@apply pl-1;
|
||||
|
||||
.@{grid-prefix-cls}-sort__btn {
|
||||
@apply ~'h-3.5';
|
||||
|
|
|
@ -46,11 +46,11 @@
|
|||
|
||||
.@{input-prefix-cls}__count {
|
||||
@apply text-color-text-placeholder;
|
||||
@apply bg-color-bg-1;
|
||||
@apply text-xs;
|
||||
@apply absolute;
|
||||
@apply bottom-1;
|
||||
@apply bottom-0;
|
||||
@apply right-4;
|
||||
@apply leading-5;
|
||||
}
|
||||
|
||||
&__inner {
|
||||
|
|
|
@ -48,7 +48,7 @@ export const classes = {
|
|||
'no-round': 'rounded',
|
||||
'is-round': 'rounded-full',
|
||||
'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',
|
||||
'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',
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
{
|
||||
'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"
|
||||
|
|
Loading…
Reference in New Issue