forked from p96170835/amis
优化 image focus 状态提示可粘贴图片的样式优化
This commit is contained in:
parent
2547ae2162
commit
109bd2b5c2
|
@ -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 {
|
||||
|
|
|
@ -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 ? (
|
||||
|
|
Loading…
Reference in New Issue