Skip to content

Commit 396de08

Browse files
committed
style: Improve .dragover style of file tree
1 parent 767bba6 commit 396de08

File tree

2 files changed

+15
-6
lines changed

2 files changed

+15
-6
lines changed

app/src/assets/scss/base.scss

+14-6
Original file line numberDiff line numberDiff line change
@@ -311,21 +311,29 @@ html {
311311
opacity: .38;
312312
}
313313

314+
.dragover__top,
315+
.dragover__bottom {
316+
box-shadow: none !important;
317+
}
318+
314319
.dragover__top::after,
315320
.dragover__bottom::after {
316321
content: "";
317-
width: var(--file-toggle-width);
318-
height: 4px;
319-
background-color: var(--b3-theme-surface);
320322
position: absolute;
321-
left: 0;
322-
bottom: -2px;
323+
height: 4px;
324+
width: calc(100% - var(--file-toggle-width));
325+
left: var(--file-toggle-width);
326+
background-color: var(--b3-theme-primary-lighter);
323327
z-index: 1;
328+
pointer-events: none;
324329
}
325330

326331
.dragover__top::after {
327332
top: -3px;
328-
bottom: auto;
333+
}
334+
335+
.dragover__bottom::after {
336+
bottom: -2px;
329337
}
330338

331339
&__close {

app/src/assets/scss/business/_av.scss

+1
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,7 @@
140140
height: 4px;
141141
background-color: var(--b3-theme-primary-lighter);
142142
z-index: 3;
143+
pointer-events: none;
143144
}
144145

145146
&.dragover__top::after {

0 commit comments

Comments
 (0)