style: Improve .dragover style of file tree (#13574)

This commit is contained in:
Jeffrey Chen 2024-12-24 21:05:54 +08:00 committed by GitHub
parent c70db9f4a3
commit 35f112da84
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 6 deletions

View file

@ -311,21 +311,29 @@ html {
opacity: .38;
}
.dragover__top,
.dragover__bottom {
box-shadow: none !important;
}
.dragover__top::after,
.dragover__bottom::after {
content: "";
width: var(--file-toggle-width);
height: 4px;
background-color: var(--b3-theme-surface);
position: absolute;
left: 0;
bottom: -2px;
height: 4px;
width: calc(100% - var(--file-toggle-width));
left: var(--file-toggle-width);
background-color: var(--b3-theme-primary-lighter);
z-index: 1;
pointer-events: none;
}
.dragover__top::after {
top: -3px;
bottom: auto;
}
.dragover__bottom::after {
bottom: -2px;
}
&__close {

View file

@ -140,6 +140,7 @@
height: 4px;
background-color: var(--b3-theme-primary-lighter);
z-index: 3;
pointer-events: none;
}
&.dragover__top::after {