Skip to content

Commit 6ad1b06

Browse files
committed
feat(Upload): add styles for drag interaction
1 parent d58224a commit 6ad1b06

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

style/mobile/components/upload/_index.less

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,31 @@
1414
height: @upload-height;
1515
border-radius: @upload-radius;
1616
overflow: hidden;
17+
transition: all @anim-duration-base ease-in-out;
1718

1819
&--add {
1920
font-size: @upload-add-icon-font-size;
2021
background: @upload-background;
2122
color: @upload-add-color;
2223
}
24+
25+
&--dragging {
26+
opacity: 0.9;
27+
transform: scale(1.05);
28+
box-shadow: @shadow-2;
29+
}
30+
31+
&--drag-over::before {
32+
content: '';
33+
position: absolute;
34+
top: 0;
35+
left: 0;
36+
width: 100%;
37+
height: 100%;
38+
box-shadow: inset 0 0 0 1px @brand-color;
39+
border-radius: @upload-radius;
40+
z-index: 1;
41+
}
2342
}
2443

2544
&__add-icon {

0 commit comments

Comments
 (0)