harmonize container with fr-container for all users header

This commit is contained in:
Lisa Durand 2023-06-29 15:03:22 +02:00
parent b05e356fee
commit 1736cda85a
16 changed files with 22 additions and 27 deletions

View file

@ -4,7 +4,7 @@
$dossier-actions-bar-border-width: 1px; $dossier-actions-bar-border-width: 1px;
.dossier-header { .dossier-header {
.container { .fr-container {
padding-bottom: $default-padding; padding-bottom: $default-padding;
} }

View file

@ -9,12 +9,6 @@
} }
#procedure-show { #procedure-show {
h1 {
color: $black;
font-size: 22px;
margin-bottom: 1 * $default-padding;
}
.titre-dossiers { .titre-dossiers {
text-align: center; text-align: center;
} }

View file

@ -7,7 +7,7 @@
margin-bottom: $sub-header-bottom-margin; margin-bottom: $sub-header-bottom-margin;
border-bottom: 1px solid $border-grey; border-bottom: 1px solid $border-grey;
.container { .fr-container {
margin-bottom: -1px; margin-bottom: -1px;
} }

View file

@ -4,6 +4,7 @@
.tabs { .tabs {
ul { ul {
margin-bottom: 0; margin-bottom: 0;
padding: 0;
} }
li { li {

View file

@ -1,5 +1,5 @@
.dossiers-headers.sub-header .dossiers-headers.sub-header
.container .fr-container
%h1.page-title Prévisualisation de la démarche « #{@dossier.procedure.libelle} » %h1.page-title Prévisualisation de la démarche « #{@dossier.procedure.libelle} »
%nav.tabs %nav.tabs

View file

@ -1,5 +1,5 @@
.sub-header .sub-header
.container .fr-container
.flex.justify-between .flex.justify-between
%nav.fr-breadcrumb{ "aria-label" => "vous êtes ici :", role: "navigation" } %nav.fr-breadcrumb{ "aria-label" => "vous êtes ici :", role: "navigation" }
%button.fr-breadcrumb__button{ "aria-controls" => "breadcrumb-1", "aria-expanded" => "false" } Voir le fil dAriane %button.fr-breadcrumb__button{ "aria-controls" => "breadcrumb-1", "aria-expanded" => "false" } Voir le fil dAriane

View file

@ -3,13 +3,13 @@
#procedure-show #procedure-show
.sub-header .sub-header
.container.flex .fr-container.flex
.procedure-logo{ style: "background-image: url(#{@procedure.logo_url})", .procedure-logo{ style: "background-image: url(#{@procedure.logo_url})",
role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" } role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" }
.procedure-header .procedure-header
%h1= procedure_libelle @procedure %h1.fr-h3= procedure_libelle @procedure
%nav.tabs %nav.tabs
%ul %ul
@ -24,7 +24,7 @@
active: @statut == Instructeurs::AvisController::DONNES_STATUS, active: @statut == Instructeurs::AvisController::DONNES_STATUS,
badge: @avis_donnes.count) badge: @avis_donnes.count)
.container .fr-container
- if @avis.present? - if @avis.present?
%table.table.dossiers-table.hoverable %table.table.dossiers-table.hoverable
%thead %thead

View file

@ -9,7 +9,7 @@
= render partial: 'instructeurs/dossiers/header_top', locals: { dossier: } = render partial: 'instructeurs/dossiers/header_top', locals: { dossier: }
= render partial: 'instructeurs/dossiers/header_bottom', locals: { dossier: } = render partial: 'instructeurs/dossiers/header_bottom', locals: { dossier: }
.container .fr-container
.print-header .print-header
= dossier.procedure.libelle.truncate_words(10) = dossier.procedure.libelle.truncate_words(10)
> >

View file

@ -1,4 +1,4 @@
#header-bottom.container #header-bottom.fr-container
%nav.tabs %nav.tabs
%ul %ul
- notifications_summary = current_instructeur.notifications_for_dossier(dossier) - notifications_summary = current_instructeur.notifications_for_dossier(dossier)

View file

@ -1,7 +1,7 @@
#header-top.container #header-top.fr-container
.flex.fr-mb-3w .flex.fr-mb-3w
%div %div
%h1.fr-h2.fr-mb-1w %h1.fr-h3.fr-mb-1w
= "Dossier nº #{dossier.id}" = "Dossier nº #{dossier.id}"
= status_badge(dossier.state, 'super') = status_badge(dossier.state, 'super')

View file

@ -1,6 +1,6 @@
.procedure-header .procedure-header
.flex.clipboard-container .flex.clipboard-container
%h1 %h1.fr-h3
= "#{procedure_libelle procedure} - n°#{procedure.id}" = "#{procedure_libelle procedure} - n°#{procedure.id}"
= render Dsfr::CopyButtonComponent.new(title: t('instructeurs.procedures.index.copy_link_button'), text: commencer_url(procedure.path)) = render Dsfr::CopyButtonComponent.new(title: t('instructeurs.procedures.index.copy_link_button'), text: commencer_url(procedure.path))
= link_to t('instructeurs.dossiers.header.banner.notification_management'), email_notifications_instructeur_procedure_path(procedure), class: 'header-link' = link_to t('instructeurs.dossiers.header.banner.notification_management'), email_notifications_instructeur_procedure_path(procedure), class: 'header-link'

View file

@ -2,7 +2,7 @@
#procedure-show #procedure-show
.sub-header .sub-header
.container.flex .fr-container.flex
.procedure-logo{ style: "background-image: url(#{@procedure.logo_url})", .procedure-logo{ style: "background-image: url(#{@procedure.logo_url})",
role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" } role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" }
@ -13,7 +13,7 @@
- if @can_download_dossiers - if @can_download_dossiers
= render Dossiers::ExportComponent.new(procedure: @procedure, exports: @exports, export_url: method(:download_export_instructeur_procedure_path)) = render Dossiers::ExportComponent.new(procedure: @procedure, exports: @exports, export_url: method(:download_export_instructeur_procedure_path))
.container.flex= render partial: "tabs", locals: { procedure: @procedure, .fr-container.flex= render partial: "tabs", locals: { procedure: @procedure,
statut: @statut, statut: @statut,
a_suivre_count: @a_suivre_count, a_suivre_count: @a_suivre_count,
suivis_count: @suivis_count, suivis_count: @suivis_count,
@ -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 }
.container .fr-container
%h1.titre-dossiers Dossiers supprimés %h1.titre-dossiers Dossiers supprimés
%details %details
%summary Les dossiers ont été supprimés. Vous ne pouvez plus les récupérer depuis Démarches Simplifiées. %summary Les dossiers ont été supprimés. Vous ne pouvez plus les récupérer depuis Démarches Simplifiées.

View file

@ -2,7 +2,7 @@
#procedure-show #procedure-show
.sub-header .sub-header
.container.flex .fr-container.flex
.procedure-logo{ style: "background-image: url(#{@procedure.logo_url})", .procedure-logo{ style: "background-image: url(#{@procedure.logo_url})",
role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" } role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" }
@ -13,7 +13,7 @@
- if @can_download_dossiers - if @can_download_dossiers
= render Dossiers::ExportComponent.new(procedure: @procedure, exports: @exports, export_url: method(:download_export_instructeur_procedure_path)) = render Dossiers::ExportComponent.new(procedure: @procedure, exports: @exports, export_url: method(:download_export_instructeur_procedure_path))
.container.flex= render partial: "tabs", locals: { procedure: @procedure, .fr-container.flex= render partial: "tabs", locals: { procedure: @procedure,
statut: @statut, statut: @statut,
a_suivre_count: @counts[:a_suivre], a_suivre_count: @counts[:a_suivre],
suivis_count: @counts[:suivis], suivis_count: @counts[:suivis],
@ -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 }
.container.fr-highlight .fr-container.fr-highlight
- if @statut == 'a-suivre' - if @statut == 'a-suivre'
%p %p
= t('views.instructeurs.dossiers.tab_explainations.a_suivre') = t('views.instructeurs.dossiers.tab_explainations.a_suivre')

View file

@ -6,7 +6,7 @@
.dossier-container .dossier-container
.dossier-header.sub-header .dossier-header.sub-header
.container .fr-container
= render partial: "shared/dossiers/header", locals: { dossier: @dossier } = render partial: "shared/dossiers/header", locals: { dossier: @dossier }
= render partial: "shared/dossiers/edit", locals: { dossier: @dossier } = render partial: "shared/dossiers/edit", locals: { dossier: @dossier }

View file

@ -7,7 +7,7 @@
= render partial: "users/dossiers/index_footer" = render partial: "users/dossiers/index_footer"
.dossiers-headers.sub-header .dossiers-headers.sub-header
.container .fr-container
%h1.page-title.fr-h2= t('views.users.dossiers.index.dossiers') %h1.page-title.fr-h2= t('views.users.dossiers.index.dossiers')
- if current_user.dossiers.count > 2 - if current_user.dossiers.count > 2
#search-2.fr-search-bar.fr-search-bar--lg #search-2.fr-search-bar.fr-search-bar--lg

View file

@ -1,5 +1,5 @@
.sub-header .sub-header
.container .fr-container
%h1 %h1
= dossier.procedure.libelle = dossier.procedure.libelle
= status_badge(dossier.state, 'super') = status_badge(dossier.state, 'super')