From 823ee11d846cd11ae493bac68fa7f1b4b36cd737 Mon Sep 17 00:00:00 2001 From: Benoit Queyron Date: Wed, 29 May 2024 17:03:09 +0200 Subject: [PATCH 1/5] fix(asset cards): background none for welcome card admin in darkmode --- app/assets/stylesheets/card.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/app/assets/stylesheets/card.scss b/app/assets/stylesheets/card.scss index 82b6f7cf1..f2143d2ec 100644 --- a/app/assets/stylesheets/card.scss +++ b/app/assets/stylesheets/card.scss @@ -5,6 +5,9 @@ [data-fr-theme="dark"] .card { background: none; border: 1px solid var(--background-action-low-blue-france); + &.feedback { + background: none; + } } .card { From bd94c575d71df8f9f4201f095a61aa12ae03205b Mon Sep 17 00:00:00 2001 From: Benoit Queyron Date: Wed, 29 May 2024 17:35:40 +0200 Subject: [PATCH 2/5] linter check --- app/assets/stylesheets/card.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/app/assets/stylesheets/card.scss b/app/assets/stylesheets/card.scss index f2143d2ec..e3646961f 100644 --- a/app/assets/stylesheets/card.scss +++ b/app/assets/stylesheets/card.scss @@ -5,6 +5,7 @@ [data-fr-theme="dark"] .card { background: none; border: 1px solid var(--background-action-low-blue-france); + &.feedback { background: none; } From eb70d63892ba22dee33d4b345bc42dbe28094eb9 Mon Sep 17 00:00:00 2001 From: Benoit Queyron Date: Thu, 30 May 2024 13:47:01 +0200 Subject: [PATCH 3/5] remove css fix --- app/assets/stylesheets/card.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/app/assets/stylesheets/card.scss b/app/assets/stylesheets/card.scss index e3646961f..82b6f7cf1 100644 --- a/app/assets/stylesheets/card.scss +++ b/app/assets/stylesheets/card.scss @@ -5,10 +5,6 @@ [data-fr-theme="dark"] .card { background: none; border: 1px solid var(--background-action-low-blue-france); - - &.feedback { - background: none; - } } .card { From ab54b60489b8705645e483a3def39f7282ce1131 Mon Sep 17 00:00:00 2001 From: Benoit Queyron Date: Thu, 30 May 2024 18:17:08 +0200 Subject: [PATCH 4/5] add dsfr callout --- app/assets/stylesheets/card_admin.scss | 4 ++ .../procedures/new_from_existing.html.haml | 52 +++++++++---------- 2 files changed, 30 insertions(+), 26 deletions(-) diff --git a/app/assets/stylesheets/card_admin.scss b/app/assets/stylesheets/card_admin.scss index 8f678d3aa..5001efce2 100644 --- a/app/assets/stylesheets/card_admin.scss +++ b/app/assets/stylesheets/card_admin.scss @@ -4,3 +4,7 @@ .fr-tile-subtitle { min-height: 7rem; } + +.card-welcome { + margin: 30px auto; +} diff --git a/app/views/administrateurs/procedures/new_from_existing.html.haml b/app/views/administrateurs/procedures/new_from_existing.html.haml index 76ccd4178..d5f4adf58 100644 --- a/app/views/administrateurs/procedures/new_from_existing.html.haml +++ b/app/views/administrateurs/procedures/new_from_existing.html.haml @@ -1,31 +1,31 @@ .container - if current_administrateur.procedures.brouillons.count == 0 - .card.feedback - .card-title - Bienvenue, - %br - vous allez pouvoir créer une première démarche de test. - Celle-ci sera visible uniquement par vous et ne sera publiée nulle part, alors pas de crainte à avoir. - %br - %br - Besoin d’aide ? - %br - > Vous pouvez - = link_to "visionner cette vidéo", - "https://vimeo.com/261478872", - target: "_blank" - %br - > Vous pouvez lire notre - = link_to "documentation en ligne", - ADMINISTRATEUR_TUTORIAL_URL, - target: "_blank" - - %br - > Vous pouvez enfin - = link_to "prendre un rendez-vous téléphonique avec nous", - CALENDLY_URL, - target: "_blank" - + .card-welcome + = render Dsfr::CalloutComponent.new(title: nil, icon: "fr-icon-information-line") do |c| + - c.with_html_body do + %p + Bienvenue, + %br + vous allez pouvoir créer une première démarche de test. + Celle-ci sera visible uniquement par vous et ne sera publiée nulle part, alors pas de crainte à avoir. + %br + %br + Besoin d’aide ? + %br + > Vous pouvez + = link_to "visionner cette vidéo", + "https://vimeo.com/261478872", + target: "_blank" + %br + > Vous pouvez lire notre + = link_to "documentation en ligne", + ADMINISTRATEUR_TUTORIAL_URL, + target: "_blank" + %br + > Vous pouvez enfin + = link_to "prendre un rendez-vous téléphonique avec nous", + CALENDLY_URL, + target: "_blank" :javascript document.addEventListener("DOMContentLoaded", function() { $crisp.push(["do", "trigger:run", ["admin-signup"]]); From febcbf0d5a765b0fa822c694122698760fcf7a19 Mon Sep 17 00:00:00 2001 From: Benoit Queyron Date: Tue, 4 Jun 2024 13:45:59 +0200 Subject: [PATCH 5/5] using dsfr class for spacing --- app/assets/stylesheets/card_admin.scss | 4 -- .../procedures/new_from_existing.html.haml | 59 +++++++++---------- 2 files changed, 29 insertions(+), 34 deletions(-) diff --git a/app/assets/stylesheets/card_admin.scss b/app/assets/stylesheets/card_admin.scss index 5001efce2..8f678d3aa 100644 --- a/app/assets/stylesheets/card_admin.scss +++ b/app/assets/stylesheets/card_admin.scss @@ -4,7 +4,3 @@ .fr-tile-subtitle { min-height: 7rem; } - -.card-welcome { - margin: 30px auto; -} diff --git a/app/views/administrateurs/procedures/new_from_existing.html.haml b/app/views/administrateurs/procedures/new_from_existing.html.haml index d5f4adf58..228004b1d 100644 --- a/app/views/administrateurs/procedures/new_from_existing.html.haml +++ b/app/views/administrateurs/procedures/new_from_existing.html.haml @@ -1,35 +1,34 @@ .container - if current_administrateur.procedures.brouillons.count == 0 - .card-welcome - = render Dsfr::CalloutComponent.new(title: nil, icon: "fr-icon-information-line") do |c| - - c.with_html_body do - %p - Bienvenue, - %br - vous allez pouvoir créer une première démarche de test. - Celle-ci sera visible uniquement par vous et ne sera publiée nulle part, alors pas de crainte à avoir. - %br - %br - Besoin d’aide ? - %br - > Vous pouvez - = link_to "visionner cette vidéo", - "https://vimeo.com/261478872", - target: "_blank" - %br - > Vous pouvez lire notre - = link_to "documentation en ligne", - ADMINISTRATEUR_TUTORIAL_URL, - target: "_blank" - %br - > Vous pouvez enfin - = link_to "prendre un rendez-vous téléphonique avec nous", - CALENDLY_URL, - target: "_blank" - :javascript - document.addEventListener("DOMContentLoaded", function() { - $crisp.push(["do", "trigger:run", ["admin-signup"]]); - }); + = render Dsfr::CalloutComponent.new(title: nil, icon: "fr-icon-information-line", extra_class_names: 'fr-my-4w') do |c| + - c.with_html_body do + %p + Bienvenue, + %br + vous allez pouvoir créer une première démarche de test. + Celle-ci sera visible uniquement par vous et ne sera publiée nulle part, alors pas de crainte à avoir. + %br + %br + Besoin d’aide ? + %br + > Vous pouvez + = link_to "visionner cette vidéo", + "https://vimeo.com/261478872", + target: "_blank" + %br + > Vous pouvez lire notre + = link_to "documentation en ligne", + ADMINISTRATEUR_TUTORIAL_URL, + target: "_blank" + %br + > Vous pouvez enfin + = link_to "prendre un rendez-vous téléphonique avec nous", + CALENDLY_URL, + target: "_blank" + :javascript + document.addEventListener("DOMContentLoaded", function() { + $crisp.push(["do", "trigger:run", ["admin-signup"]]); + }); .form