diff --git a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.scss b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.scss index 07d985086..1217a2c23 100644 --- a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.scss +++ b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.scss @@ -1,66 +1,70 @@ +@use 'common-mixins'; + :host { display: flex; min-height: 100%; +} - form { - display: flex; +form { + display: flex; + flex: 1; + + > div { flex: 1; + padding: 24px 32px; + overflow: auto; + @include common-mixins.scroll-bar; + } - > div { - flex: 1; - padding: 24px 32px; - } + .separator { + flex: none; + height: 100%; + width: 1px; + padding: 0; + background-color: var(--iqser-separator); + } - .separator { - flex: none; - height: 100%; - width: 1px; - padding: 0; - background-color: var(--iqser-separator); - } + .datepicker-wrapper { + width: initial; + } - .datepicker-wrapper { - width: initial; - } + .datepicker-wrapper input { + width: initial; + margin-top: 3px; + } - .datepicker-wrapper input { - width: initial; - margin-top: 3px; - } + .image-attribute { + &.displayed-preview { + flex-direction: row; + justify-content: space-between; - .image-attribute { - &.displayed-preview { + > div { flex-direction: row; - justify-content: space-between; - - > div { - flex-direction: row; - align-items: center; - display: flex; - } + align-items: center; + display: flex; } + } - &:not(first-of-type) { - margin-top: 24px; - } + &:not(first-of-type) { + margin-top: 24px; + } - .upload-button { - margin-top: 6px; - width: fit-content; - } + .upload-button { + margin-top: 6px; + width: fit-content; + } - img { - width: 50px; - height: 50px; - object-fit: cover; - object-position: center; - border: 1px solid var(--iqser-grey-5); - margin-right: 15px; - } + img { + width: 50px; + height: 50px; + object-fit: cover; + object-position: center; + border: 1px solid var(--iqser-grey-5); + margin-right: 15px; + } - iqser-circle-button:not(:last-child) { - margin-right: 2px; - } + iqser-circle-button:not(:last-child) { + margin-right: 2px; } } } diff --git a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/dictionary/edit-dossier-dictionary.component.html b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/dictionary/edit-dossier-dictionary.component.html index bb6d024ce..17ff6ac7e 100644 --- a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/dictionary/edit-dossier-dictionary.component.html +++ b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/edit-dossier-dialog/dictionary/edit-dossier-dictionary.component.html @@ -1,10 +1,10 @@ -