4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix drag and drop max width

Browse Source
This commit is contained in:
Max S 2024-08-13 11:28:02 +02:00
parent 7938e9790a
commit ed75a960c4
1 changed files with 25 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/front/Components/DesignSystem/DragAndDrop/DocumentElement/classes.module.scss
View File

@ -1,39 +1,38 @@
@import "@Themes/constants.scss"; @import "@Themes/constants.scss";
.root { .root {
display: flex; display: flex;
max-width: 357px; width: 100%;
width: 100%; gap: var(--spacing-sm, 8px);
gap: var(--spacing-sm, 8px); justify-content: space-between;
justify-content: space-between; align-items: center;
align-items: center;
.content { .content {
display: flex; display: flex;
gap: var(--spacing-sm, 8px); gap: var(--spacing-sm, 8px);
align-items: center; align-items: center;
.file-name { .file-name {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 277px; max-width: 277px;
} }
} }
svg { svg {
min-width: var(--spacing-3, 24px); min-width: var(--spacing-3, 24px);
min-height: var(--spacing-3, 24px); min-height: var(--spacing-3, 24px);
width: var(--spacing-3, 24px); width: var(--spacing-3, 24px);
height: var(--spacing-3, 24px); height: var(--spacing-3, 24px);
stroke: var(--color-primary-500); stroke: var(--color-primary-500);
} }
.error{ .error {
min-width: var(--spacing-3, 24px); min-width: var(--spacing-3, 24px);
min-height: var(--spacing-3, 24px); min-height: var(--spacing-3, 24px);
width: var(--spacing-3, 24px); width: var(--spacing-3, 24px);
height: var(--spacing-3, 24px); height: var(--spacing-3, 24px);
stroke: var(--color-error-500); stroke: var(--color-error-500);
} }
} }