test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-30 11:07:52 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
scss/components/form/_image.scss
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 {

12
src/renderers/Form/Image.tsx
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 ? (