villeneuve-dascq: move header baseline outside logo link (#44590)

static/villeneuve-dascq/_custom.scss

@@ -426,39 +426,38 @@ div#main-content-wrapper,
 	padding: 0 !important;
 	flex: 1;
 	font-size: $fz-h5;
+	color: $primary-color;
+	display: flex;
+	align-items: center;
+	font-weight: 800;
+	// Logo
 	a {
-		font-weight: 800;
 		display: block;
 		box-sizing: content-box;
-		display: flex;
-		align-items: center;
 		height: $header-height-desktop;
 		background: url(img/vascq-logo-couleur.png) no-repeat;
 		background-position: left top 5px;
 		padding-left: 220px;
 		background-size: 220px auto;
 		margin-right: $theme-gutter-mobile;
+		text-indent: -10000em;
 		@media ($max-mobile-viewport) {
 			height: $header-height-mobile;
 			padding-left: 110px;
 			background-size: 110px auto;
 			background-position: left center;
 			width: 0;
-			text-indent: -10000em;
 		}
+	}
+	// baseline
+	.theme-header--baseline {
+		padding: 0.6em 0 0.4em;
+		padding-left: $theme-half-gutter;
+		border-left: 1px solid;
 
-		// separator
-		&::after {
-			content: "";
-			display: inline-block;
-			height: 2em;
-			width: 1px;
-			order: -1;
-			margin: $theme-half-gutter;
-			background-color: $primary-color;
-
+		@media ($max-mobile-viewport) {
+			@include sr-only();
 		}
-
 	}
 }
 

templates/variants/villeneuve-dascq/combo/page_template.html

@@ -1,6 +1,15 @@
 {% extends "combo/page_template.html" %}
 {% load combo static %}
 
+{% block header-title %}
+	<h1 id="logo">
+		<a accesskey="1" href="{% firstof logo_link_url portal_url '/' %}" alt="Villeneuve d'Ascq">Retour villeneuvedascq.fr</a>
+		<span class="theme-header--baseline">
+			{% firstof global_title site_title "Compte Citoyen" %}
+		</span>
+	</h1>
+{% endblock %}
+
 {% block user-info %}
 	<span class="theme-back-home">
 		<a href="{{site_base}}" title="retour à l'accueil">Accueil</a>