mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-27 12:39:49 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Update components/button/style/compact.ts
Some checks failed
Publish Any Commit / build (push) Has been cancelled
Details
✅ test / lint (push) Has been cancelled
Details
✅ test / test-react-legacy (16, 1/2) (push) Has been cancelled
Details
✅ test / test-react-legacy (16, 2/2) (push) Has been cancelled
Details
✅ test / test-react-legacy (17, 1/2) (push) Has been cancelled
Details
✅ test / test-react-legacy (17, 2/2) (push) Has been cancelled
Details
✅ test / test-node (push) Has been cancelled
Details
✅ test / test-react-latest (dom, 1/2) (push) Has been cancelled
Details
✅ test / test-react-latest (dom, 2/2) (push) Has been cancelled
Details
✅ test / build (push) Has been cancelled
Details
✅ test / test lib/es module (es, 1/2) (push) Has been cancelled
Details
✅ test / test lib/es module (es, 2/2) (push) Has been cancelled
Details
✅ test / test lib/es module (lib, 1/2) (push) Has been cancelled
Details
✅ test / test lib/es module (lib, 2/2) (push) Has been cancelled
Details
✅ test / test-react-latest-dist (dist, 1/2) (push) Has been cancelled
Details
✅ test / test-react-latest-dist (dist, 2/2) (push) Has been cancelled
Details
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Has been cancelled
Details
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Has been cancelled
Details
✅ test / test-coverage (push) Has been cancelled
Details

Browse Source 
Signed-off-by: afc163 <afc163@gmail.com>
This commit is contained in:
afc163 2024-11-17 13:35:43 +08:00
parent 13e523d2f1
commit 4652027907
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/button/style/compact.ts
View File

@ -10,17 +10,19 @@ import { prepareComponentToken, prepareToken } from './token';
const genButtonCompactStyle: GenerateStyle<ButtonToken> = (token) => {
const { componentCls, colorPrimaryHover, lineWidth, calc } = token;
const insetOffset = calc(lineWidth).mul(-1).equal();
const getCompactBorderStyle = (vertical?: boolean) =>
({
[`${componentCls}-compact${vertical ? '-vertical' : ''}-item${componentCls}-primary:not([disabled])`]:
{
'& + &::before': {
position: 'absolute',
top: calc(lineWidth).mul(-1).equal(),
insetInlineStart: 0,
top: vertical ? insetOffset : 0,
insetInlineStart: vertical ? 0 : insetOffset,
backgroundColor: colorPrimaryHover,
content: '""',
[vertical ? 'width' : 'height']: '100%',
width: vertical ? '100%' : lineWidth,
height: vertical ? lineWidth : '100%',
},
},
}) as CSSObject;