style(instructeurs): fix dropdown visibility when table height is short

This commit is contained in:
Colin Darie 2022-12-14 18:57:05 +01:00
parent ae296e70ed
commit a2f8ab37bc
No known key found for this signature in database
GPG key ID: 4FB865FDBCA4BCC4
4 changed files with 8 additions and 4 deletions

View file

@ -131,6 +131,10 @@
color: $black;
}
.overflow-y-visible {
overflow: visible;
}
// generate spacer utility like bootstrap my-2 -> margin-left/right: 2 * $default-spacer
// using $direction.key as css modifier, $direction.values to set css properties
// scale it using $steps

View file

@ -302,7 +302,7 @@
margin-bottom: 2 * $default-spacer;
}
input,
input:not(.fr-btn),
select {
width: 200px;
display: inline-block;

View file

@ -22,6 +22,7 @@
.dossiers-table {
margin-top: $default-spacer;
margin-bottom: 3 * $default-spacer;
overflow: visible; // remove DSFR hidden overflow because of dropdown
}
.procedure-actions {

View file

@ -25,7 +25,7 @@
has_en_cours_notifications: @has_en_cours_notifications,
has_termine_notifications: @has_termine_notifications }
.fr-container--fluid.fr-mx-4w
.fr-container--fluid.fr-mx-4w.overflow-y-visible
- if @statut == 'a-suivre'
%p.explication-onglet
= t('views.instructeurs.dossiers.tab_explainations.a_suivre')
@ -66,7 +66,6 @@
- if @dossiers_count > 0
.dossiers-export
= render Dossiers::ExportComponent.new(procedure: @procedure, exports: @exports, statut: @statut, count: @dossiers_count, export_url: method(:download_export_instructeur_procedure_path))
%hr.fr-mt-5v
- batch_operation_component = Dossiers::BatchOperationComponent.new(statut: @statut, procedure: @procedure)
%div{ data: batch_operation_component.render? ? { controller: 'batch-operation' } : {} }
@ -108,7 +107,7 @@
group: '.columns-form',
name: 'values')
= submit_tag t('views.instructeurs.dossiers.save'), class: 'button'
= submit_tag t('views.instructeurs.dossiers.save'), class: 'fr-btn fr-btn--secondary'
%tr