gpseo: add custom login/logout block (#38751)

static/gpseo/_custom.scss

@@ -34,31 +34,55 @@ header {
 }
 
 #toplinks {
-	background: $pink;
+	border-radius: 0;
+	margin-top: 0px;
 	border: none;
 	box-shadow: none;
-	border-radius: 0;
-	margin-top: 10px;
-	clip-path: polygon(0 0, 95% 0,100% 30%,100% 100%, 5% 100%,0 70%,0 0);
-	a {
-		display: inline-block;
+	a.logout,
+	a.login-link {
+		background: $pink;
+		clip-path: polygon(0 0, 95% 0,100% 30%,100% 100%, 5% 100%,0 70%,0 0);
+		display: block;
 		color: white;
 		font-weight: bold;
-		padding: 10px 10px 15px 10px;
+		padding: 10px 30px 10px 30px;
 		&:hover {
 			text-decoration: underline;
 		}
 	}
-	@media screen and (max-width: $mobile-limit) {
-		margin-top: 0;
-		width: 100%;
-		clip-path: none;
-		a {
-			font-weight: normal;
-			padding: 0;
-			padding-left: 5px;
+	.sep {
+		display: none;
+	}
+	a.registration {
+		display: block;
+		position: absolute;
+		right: 2rem;
+		width: 20rem;
+		text-align: right;
+		span.no-account {
+			color: $font-color;
 		}
 	}
+	a.account-link {
+		margin-right: 1em;
+	}
+	a.logout {
+		display: inline-block;
+	}
+	@media screen and (max-width: $mobile-limit) {
+		font-size: 90%;
+		padding-top: 0;
+		max-width: none;
+		width: 100%;
+		a.login-link, a.registration {
+			display: inline-block;
+			position: static;
+			width: auto;
+		}
+	}
+	@media screen and (max-width: 400px) {
+		span.no-account { display: none; }
+	}
 }
 
 nav {

templates/variants/gpseo/combo/page_template.html

@@ -0,0 +1,3 @@
+{% extends "combo/page_template.html" %}
+
+{% block user-info-registration-label %}<span class="no-account">Pas de compte ?</span> Enregistrez-vous !{% endblock %}