mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 Packages Projects Releases Wiki Activity

chore: upgrade to rc-image 5.10.x (#38415)

Browse Source
This commit is contained in:
afc163 2022-11-07 10:10:18 +08:00 committed by GitHub
parent 3d762dbb0a
commit 2c9fbc8f0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
components/image/style/index.less
View File

@ -107,10 +107,10 @@
&-operations { &-operations {
.reset-component(); .reset-component();
position: absolute; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
z-index: 1; z-index: @zindex-image + 1;
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
align-items: center; align-items: center;
@ -124,6 +124,11 @@
margin-left: @control-padding-horizontal; margin-left: @control-padding-horizontal;
padding: @control-padding-horizontal; padding: @control-padding-horizontal;
cursor: pointer; cursor: pointer;
transition: all 0.3s;
&:hover {
background: fade(@modal-mask-bg, 20%);
}
&-disabled { &-disabled {
color: @image-preview-operation-disabled-color; color: @image-preview-operation-disabled-color;
@ -148,40 +153,48 @@
&-switch-left, &-switch-left,
&-switch-right { &-switch-right {
position: absolute; position: fixed;
top: 50%; top: 50%;
right: 10px; right: 8px;
z-index: 1; z-index: @zindex-image + 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 44px; width: 44px;
height: 44px; height: 44px;
margin-top: -22px;
color: @image-preview-operation-color; color: @image-preview-operation-color;
background: fade(@modal-mask-bg, 10%); background: fade(@modal-mask-bg, 10%);
border-radius: 50%; border-radius: 50%;
transform: translateY(-50%);
cursor: pointer; cursor: pointer;
transition: all 0.3s;
pointer-events: auto; pointer-events: auto;
&-disabled { &:hover {
background: fade(@modal-mask-bg, 20%);
}
&-disabled,
&-disabled:hover {
color: @image-preview-operation-disabled-color; color: @image-preview-operation-disabled-color;
background: fade(@modal-mask-bg, 10%);
cursor: not-allowed; cursor: not-allowed;
> .@{iconfont-css-prefix} { > .@{iconfont-css-prefix} {
cursor: not-allowed; cursor: not-allowed;
} }
} }
> .@{iconfont-css-prefix} { > .@{iconfont-css-prefix} {
font-size: 18px; font-size: 18px;
} }
} }
&-switch-left { &-switch-left {
left: 10px; left: 8px;
} }
&-switch-right { &-switch-right {
right: 10px; right: 8px;
} }
} }
} }

2
package.json
View File

@ -131,7 +131,7 @@
"rc-drawer": "~6.0.0", "rc-drawer": "~6.0.0",
"rc-dropdown": "~4.0.0", "rc-dropdown": "~4.0.0",
"rc-field-form": "~1.27.0", "rc-field-form": "~1.27.0",
"rc-image": "~5.9.0", "rc-image": "~5.10.0",
"rc-input": "~0.1.4", "rc-input": "~0.1.4",
"rc-input-number": "~7.3.9", "rc-input-number": "~7.3.9",
"rc-mentions": "~1.10.0", "rc-mentions": "~1.10.0",