mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-04 21:18:01 +08:00
e3ee4e87aa
* feat: 🎉 Image component
* fix color
* fix style naming and sort api doc order
* remove onPreviewClose doc
* use animation-duration var
* use box and modal-mask mixins
* use box and modal-mask mixins
* improve style
* improve fallback demo src
* add cover
* improve demo
* update demo snapshots
* upgrade rc-image, naming Random -> Reload
* extract modal mask common style, and improve demo
* update snapshots
* fix less var conflict
* upgrade rc-image, adjust maxSize with dark.min.css, improve placeholder demo desc
45 lines
1.1 KiB
Plaintext
45 lines
1.1 KiB
Plaintext
@import 'box';
|
|
|
|
@dialog-mask-modal-prefix-cls: ~'@{ant-prefix}-modal';
|
|
@dialog-mask-image-prefix-cls: ~'@{ant-prefix}-image-preview';
|
|
|
|
.modal-mask() {
|
|
.@{dialog-mask-modal-prefix-cls},
|
|
.@{dialog-mask-image-prefix-cls} {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.@{dialog-mask-modal-prefix-cls}.zoom-enter,
|
|
.@{dialog-mask-modal-prefix-cls}.zoom-appear,
|
|
.@{dialog-mask-image-prefix-cls}.zoom-enter,
|
|
.@{dialog-mask-image-prefix-cls}.zoom-appear {
|
|
transform: none; // reset scale avoid mousePosition bug
|
|
opacity: 0;
|
|
animation-duration: @animation-duration-slow;
|
|
user-select: none; // https://github.com/ant-design/ant-design/issues/11777
|
|
}
|
|
|
|
.@{dialog-mask-modal-prefix-cls}-mask,
|
|
.@{dialog-mask-image-prefix-cls}-mask {
|
|
.box(fixed);
|
|
z-index: @zindex-modal-mask;
|
|
height: 100%;
|
|
background-color: @modal-mask-bg;
|
|
filter: ~'alpha(opacity=50)';
|
|
|
|
&-hidden {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.@{dialog-mask-modal-prefix-cls}-wrap,
|
|
.@{dialog-mask-image-prefix-cls}-wrap {
|
|
.box(fixed);
|
|
overflow: auto;
|
|
outline: 0;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
}
|
|
|
|
.modal-mask();
|