优化 image focus 状态提示可粘贴图片的样式优化

This commit is contained in:
liaoxuezhi 2019-10-31 15:38:53 +08:00
parent 2547ae2162
commit 109bd2b5c2
2 changed files with 22 additions and 15 deletions

View File

@ -40,16 +40,23 @@
}
&-pasteTip {
display: block;
pointer-events: none;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
color: $text--muted-color;
font-size: 12px;
transform: scale(0.8);
transform-origin: 100% 100%;
right: 0;
bottom: 0;
padding: 2px 5px;
background: rgba(255, 255, 255, 0.8);
font-size: $Tooltip--attr-fontSize;
line-height: $Tooltip--attr-lineHeigt;
text-align: left;
white-space: nowrap;
background: $Tooltip--attr-bg;
border: $Tooltip--attr-borderWidth solid $Tooltip--attr-borderColor;
border-radius: $Tooltip--attr-borderRadius;
box-shadow: $Tooltip--attr-boxShadow;
left: 100%;
color: $Tooltip--attr-color;
padding: $Tooltip--attr-paddingY $Tooltip--attr-paddingX;
margin: 30px 0 0 $Tooltip--attr-gap;
}
&-dropzone:focus &-addBtn {

View File

@ -938,13 +938,13 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
data-position="right"
>
<Icon icon="plus" className="icon" />
</label>
) : null}
{isFocused ? (
<span className={cx('ImageControl-pasteTip')}>
</span>
{isFocused ? (
<span className={cx('ImageControl-pasteTip')}>
</span>
) : null}
</label>
) : null}
{!autoUpload && !hideUploadButton && files.length ? (