style(TableColumn): fix style of mouse hover (#3597)

This commit is contained in:
Zeke Zhang 2024-03-04 15:45:53 +08:00 committed by GitHub
parent a70e87f0d5
commit 488616f7fe
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 15 additions and 2 deletions

View File

@ -42,6 +42,9 @@ export const CSSVariableProvider = ({ children }) => {
document.body.style.setProperty('--colorSettings', token.colorSettings || defaultTheme.token.colorSettings);
document.body.style.setProperty('--colorBgSettingsHover', token.colorBgSettingsHover);
document.body.style.setProperty('--colorBorderSettingsHover', token.colorBorderSettingsHover);
document.body.style.setProperty('--margin', `${token.margin}px`);
document.body.style.setProperty('--padding', `${token.padding}px`);
document.body.style.setProperty('--paddingXXS', `${token.paddingXXS}px`);
// 设置登录页面的背景色
document.body.style.setProperty('background-color', token.colorBgContainer);
@ -72,6 +75,9 @@ export const CSSVariableProvider = ({ children }) => {
token.colorSettings,
token.colorBgSettingsHover,
token.colorBorderSettingsHover,
token.margin,
token.padding,
token.paddingXXS,
]);
return children;

View File

@ -33,3 +33,9 @@
.rc-virtual-list-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive) !important;
}
// fix https://nocobase.height.app/T-3333/description
.ant-table-column-has-sorters .nb-sortable-designer {
margin-right: calc(0px - var(--margin) - var(--margin));
padding-right: calc(var(--padding) + var(--padding));
}

View File

@ -4,8 +4,9 @@ import React from 'react';
import { SortableItem, useDesigner } from '../..';
export const designerCss = css`
margin: -18px -16px;
padding: 18px 16px;
position: relative;
margin: calc(0px - var(--margin)) calc(0px - var(--margin));
padding: calc(var(--padding) + var(--paddingXXS)) var(--padding);
&:hover {
> .general-schema-designer {