fix: AgentConnect button visibility

This commit is contained in:
Colin Darie 2022-09-21 14:59:38 +02:00
parent a7ca444781
commit 13beb2bfa5
5 changed files with 13 additions and 29 deletions

View file

@ -1,15 +0,0 @@
@import "colors";
@import "constants";
.france-connect-agent-login-button {
background-image: image-url("agentconnect-btn-principal.svg"), image-url("agentconnect-btn-principal-hover.svg");
display: block;
height: 60px;
width: 206px;
margin: 20px auto;
font-size: 0;
&:hover {
background-image: image-url("agentconnect-btn-principal-hover.svg");
}
}

View file

@ -7,10 +7,6 @@
}
}
.france-connect-help-link {
text-align: center;
}
a.france-connect-login-button {
display: inline-block;
height: 60px;

View file

@ -14,11 +14,17 @@
= link_to t('.citizen_page'), new_user_session_path, class: "button expend secondary"
.column
= t('.connect_html')
%h1.fr-my-2
= t('.connect')
.fr-connect-group.fr-my-2w
= link_to(agent_connect_login_path, class: "fr-btn fr-connect") do
%span.fr-connect__login
= t('.signin_with')
%span.fr-connect__brand AgentConnect
%p
= link_to t('.whats_agentconnect'), 'https://agentconnect.gouv.fr/', target: '_blank', rel: "noopener", class: "fr-underlined"
= link_to t('.cta'), agent_connect_login_path, class: "france-connect-agent-login-button"
.france-connect-help-link
= link_to t('.whats_agentconnect'), 'https://agentconnect.gouv.fr/', class: 'link', target: '_blank', target: "_blank", rel: "noopener", class: "link"
.france-connect-login-separator
= t('views.shared.france_connect_login.separator')

View file

@ -15,8 +15,6 @@ en:
</ul>
you_are_a_citizen: You are an individual ?
citizen_page: Go to our dedicated page
connect_html: |
<h1 class="mt-2 mb-2">Connect</h1>
<p><b class="bold">With AgentConnect</b></p>
connect: Connect
whats_agentconnect: 'What is AgentConnect?'
pro_email: Professional email

View file

@ -15,8 +15,7 @@ fr:
</ul>
you_are_a_citizen: Vous êtes un particulier ?
citizen_page: Accéder à notre page dédiée
connect_html: |
<h1 class="mt-2 mb-2">Connectez-vous</h1>
<p><b class="bold">Avec AgentConnect</b></p>
connect: Connectez-vous
signin_with: "S'identifier avec"
whats_agentconnect: 'Quʼest ce quʼAgentConnect ?'
pro_email: Email professionnel