[Fix] Hints For Drag/Drop (#1076)

* Added hints for drag-drop areas

* Changed to drag-area style. Updated localization
This commit is contained in:
WBHarry 2025-08-24 19:15:42 +02:00 committed by GitHub
parent d686ac1e0c
commit d24fef7494
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 39 additions and 28 deletions

View file

@ -0,0 +1,12 @@
.drag-area {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 40px;
border: 1px dashed light-dark(@dark-blue-50, @beige-50);
border-radius: 3px;
color: light-dark(@dark-blue-50, @beige-50);
font-family: @font-body;
}

View file

@ -3,6 +3,7 @@
@import './chat.less';
@import './elements.less';
@import './enrichment.less';
@import './global.less';
@import './tab-navigation.less';
@import './tab-form-footer.less';
@import './tab-actions.less';

View file

@ -34,18 +34,5 @@
width: 100%;
}
}
.adversaries-dragger {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 40px;
border: 1px dashed light-dark(@dark-blue-50, @beige-50);
border-radius: 3px;
color: light-dark(@dark-blue-50, @beige-50);
font-family: @font-body;
}
}
}

View file

@ -27,10 +27,6 @@
outline: 2px solid light-dark(@dark, @golden);
}
&:placeholder {
color: light-dark(@dark-blue-50, @beige-50);
}
&::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;

View file

@ -27,10 +27,6 @@
outline: 2px solid light-dark(@dark, @golden);
}
&:placeholder {
color: light-dark(@dark-blue-50, @beige-50);
}
&::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;

View file

@ -148,10 +148,6 @@
outline: 2px solid light-dark(@dark, @golden);
}
&:placeholder {
color: light-dark(@dark-blue-50, @beige-50);
}
&::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;
@ -187,7 +183,7 @@
}
&:has(+ .subfolder-list):after {
content: "+";
content: '+';
}
}
@ -357,7 +353,7 @@
grid-template-rows: 0fr;
transition: all 0.3s ease-in-out;
width: 100%;
.wrapper {
overflow: hidden;
display: grid;