DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/02_utils.scss
View file

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

2
app/assets/stylesheets/buttons.scss
View file

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

1
app/assets/stylesheets/procedure_show.scss
View file

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

5
app/views/instructeurs/procedures/show.html.haml
View file

@ -25,7 +25,7 @@
has_en_cours_notifications: @has_en_cours_notifications, has_en_cours_notifications: @has_en_cours_notifications,
has_termine_notifications: @has_termine_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' - if @statut == 'a-suivre'
%p.explication-onglet %p.explication-onglet
= t('views.instructeurs.dossiers.tab_explainations.a_suivre') = t('views.instructeurs.dossiers.tab_explainations.a_suivre')
@ -66,7 +66,6 @@
- if @dossiers_count > 0 - if @dossiers_count > 0
.dossiers-export .dossiers-export
= render Dossiers::ExportComponent.new(procedure: @procedure, exports: @exports, statut: @statut, count: @dossiers_count, export_url: method(:download_export_instructeur_procedure_path)) = 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) - batch_operation_component = Dossiers::BatchOperationComponent.new(statut: @statut, procedure: @procedure)
%div{ data: batch_operation_component.render? ? { controller: 'batch-operation' } : {} } %div{ data: batch_operation_component.render? ? { controller: 'batch-operation' } : {} }
@ -108,7 +107,7 @@
group: '.columns-form', group: '.columns-form',
name: 'values') 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 %tr