afc163
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
23 additions and
10 deletions
-
components/image/style/index.less
-
package.json
|
|
|
@ -107,10 +107,10 @@ |
|
|
|
|
|
|
|
&-operations { |
|
|
|
.reset-component(); |
|
|
|
position: absolute; |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
z-index: 1; |
|
|
|
z-index: @zindex-image + 1; |
|
|
|
display: flex; |
|
|
|
flex-direction: row-reverse; |
|
|
|
align-items: center; |
|
|
|
@ -124,6 +124,11 @@ |
|
|
|
margin-left: @control-padding-horizontal; |
|
|
|
padding: @control-padding-horizontal; |
|
|
|
cursor: pointer; |
|
|
|
transition: all 0.3s; |
|
|
|
|
|
|
|
&:hover { |
|
|
|
background: fade(@modal-mask-bg, 20%); |
|
|
|
} |
|
|
|
|
|
|
|
&-disabled { |
|
|
|
color: @image-preview-operation-disabled-color; |
|
|
|
@ -148,40 +153,48 @@ |
|
|
|
|
|
|
|
&-switch-left, |
|
|
|
&-switch-right { |
|
|
|
position: absolute; |
|
|
|
position: fixed; |
|
|
|
top: 50%; |
|
|
|
right: 10px; |
|
|
|
z-index: 1; |
|
|
|
right: 8px; |
|
|
|
z-index: @zindex-image + 1; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
width: 44px; |
|
|
|
height: 44px; |
|
|
|
margin-top: -22px; |
|
|
|
color: @image-preview-operation-color; |
|
|
|
background: fade(@modal-mask-bg, 10%); |
|
|
|
border-radius: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
cursor: pointer; |
|
|
|
transition: all 0.3s; |
|
|
|
pointer-events: auto; |
|
|
|
|
|
|
|
&-disabled { |
|
|
|
&:hover { |
|
|
|
background: fade(@modal-mask-bg, 20%); |
|
|
|
} |
|
|
|
|
|
|
|
&-disabled, |
|
|
|
&-disabled:hover { |
|
|
|
color: @image-preview-operation-disabled-color; |
|
|
|
background: fade(@modal-mask-bg, 10%); |
|
|
|
cursor: not-allowed; |
|
|
|
> .@{iconfont-css-prefix} { |
|
|
|
cursor: not-allowed; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
> .@{iconfont-css-prefix} { |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-switch-left { |
|
|
|
left: 10px; |
|
|
|
left: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
&-switch-right { |
|
|
|
right: 10px; |
|
|
|
right: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -131,7 +131,7 @@ |
|
|
|
"rc-drawer": "~6.0.0", |
|
|
|
"rc-dropdown": "~4.0.0", |
|
|
|
"rc-field-form": "~1.27.0", |
|
|
|
"rc-image": "~5.9.0", |
|
|
|
"rc-image": "~5.10.0", |
|
|
|
"rc-input": "~0.1.4", |
|
|
|
"rc-input-number": "~7.3.9", |
|
|
|
"rc-mentions": "~1.10.0", |
|
|
|
|
