UI: small fixed

This commit is contained in:
simon lehericey 2023-09-28 17:30:01 +02:00
parent e1dab5bb39
commit 6fb9459d29
3 changed files with 15 additions and 13 deletions

View file

@ -5,6 +5,7 @@
.types-de-champ-editor {
> .types-de-champ-block {
padding-bottom: 50px;
padding-left: 0;
.types-de-champ-errors {
background-color: $background-red;
@ -19,7 +20,6 @@
.type-de-champ-container {
width: 100%;
background-color: #FAFDFF;
border: 1px solid $border-grey;
border-radius: 5px;
margin-bottom: $default-padding;
@ -81,8 +81,6 @@
}
.head {
background-color: #FAFDFF;
select {
margin-bottom: 0px;
}
@ -104,7 +102,7 @@
border-bottom: 1px solid $border-grey;
&.head {
border-bottom: 1px solid #D4E5F5;
border-bottom: 1px solid var(--border-default-grey);
padding-bottom: 10px;
}
}
@ -127,14 +125,17 @@
}
}
.bottom-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.buttons {
display: flex;
justify-content: space-between;
margin-left: -30px;
position: fixed;
bottom: 0px;
background-color: $white;
max-width: 1100px;
width: 100%;
border: 1px solid $border-grey;
padding: 30px;

View file

@ -1,6 +1,8 @@
.types-de-champ-editor.editor-root{ 'data-turbo': 'true', id: dom_id(@revision, :types_de_champ_editor) }
= render TypesDeChampEditor::ErrorsSummary.new(revision: @revision)
= render TypesDeChampEditor::BlockComponent.new(block: @revision, coordinates: coordinates)
.buttons
= render TypesDeChampEditor::AddChampButtonComponent.new(revision: @revision, is_annotation: annotations?)
= render TypesDeChampEditor::EstimatedFillDurationComponent.new(revision: @revision, is_annotation: annotations?)
.bottom-container
.fr-container
.buttons
= render TypesDeChampEditor::AddChampButtonComponent.new(revision: @revision, is_annotation: annotations?)
= render TypesDeChampEditor::EstimatedFillDurationComponent.new(revision: @revision, is_annotation: annotations?)

View file

@ -3,8 +3,7 @@
[@procedure.libelle.truncate_words(10), admin_procedure_path(@procedure)],
['Configuration des champs']], preview: @procedure.draft_revision.valid? }
.container
.fr-container
%h1 Configuration des champs
%br
= render NestedForms::FormOwnerComponent.new
= render TypesDeChampEditor::EditorComponent.new(revision: @procedure.draft_revision)