style: Improve .dragover style of file tree (#13574)
This commit is contained in:
parent
c70db9f4a3
commit
35f112da84
2 changed files with 15 additions and 6 deletions
|
@ -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 {
|
||||
|
|
|
@ -140,6 +140,7 @@
|
|||
height: 4px;
|
||||
background-color: var(--b3-theme-primary-lighter);
|
||||
z-index: 3;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&.dragover__top::after {
|
||||
|
|
Loading…
Add table
Reference in a new issue