fix:修复saas模式表格css (#3520)
This commit is contained in:
parent
a33f861209
commit
e265872bfb
|
@ -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;
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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';
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue