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-editor {
> .types-de-champ-block { > .types-de-champ-block {
padding-bottom: 50px; padding-bottom: 50px;
padding-left: 0;
.types-de-champ-errors { .types-de-champ-errors {
background-color: $background-red; background-color: $background-red;
@ -19,7 +20,6 @@
.type-de-champ-container { .type-de-champ-container {
width: 100%; width: 100%;
background-color: #FAFDFF;
border: 1px solid $border-grey; border: 1px solid $border-grey;
border-radius: 5px; border-radius: 5px;
margin-bottom: $default-padding; margin-bottom: $default-padding;
@ -81,8 +81,6 @@
} }
.head { .head {
background-color: #FAFDFF;
select { select {
margin-bottom: 0px; margin-bottom: 0px;
} }
@ -104,7 +102,7 @@
border-bottom: 1px solid $border-grey; border-bottom: 1px solid $border-grey;
&.head { &.head {
border-bottom: 1px solid #D4E5F5; border-bottom: 1px solid var(--border-default-grey);
padding-bottom: 10px; padding-bottom: 10px;
} }
} }
@ -127,14 +125,17 @@
} }
} }
.bottom-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.buttons { .buttons {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-left: -30px;
position: fixed;
bottom: 0px;
background-color: $white; background-color: $white;
max-width: 1100px;
width: 100%; width: 100%;
border: 1px solid $border-grey; border: 1px solid $border-grey;
padding: 30px; 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) } .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::ErrorsSummary.new(revision: @revision)
= render TypesDeChampEditor::BlockComponent.new(block: @revision, coordinates: coordinates) = render TypesDeChampEditor::BlockComponent.new(block: @revision, coordinates: coordinates)
.bottom-container
.fr-container
.buttons .buttons
= render TypesDeChampEditor::AddChampButtonComponent.new(revision: @revision, is_annotation: annotations?) = render TypesDeChampEditor::AddChampButtonComponent.new(revision: @revision, is_annotation: annotations?)
= render TypesDeChampEditor::EstimatedFillDurationComponent.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)], [@procedure.libelle.truncate_words(10), admin_procedure_path(@procedure)],
['Configuration des champs']], preview: @procedure.draft_revision.valid? } ['Configuration des champs']], preview: @procedure.draft_revision.valid? }
.container .fr-container
%h1 Configuration des champs %h1 Configuration des champs
%br
= render NestedForms::FormOwnerComponent.new = render NestedForms::FormOwnerComponent.new
= render TypesDeChampEditor::EditorComponent.new(revision: @procedure.draft_revision) = render TypesDeChampEditor::EditorComponent.new(revision: @procedure.draft_revision)