villeneuve-dascq: patch header back home link url (#44689)

* increase carrousel height,
* carrousel layout more responsive,
* vertical align for tracking-code-cell content,

static/la-reunion-region/config.json

@@ -1,5 +1,5 @@
 {
-  "label": "Région Réunion",
+  "label": "La Réunion (région)",
   "variables": {
     "pwa_display": "standalone",
     "theme_color": "#00579e",

static/roannais-icitoyen/_custom.scss

@@ -215,6 +215,12 @@ div.gru-nav {
 
 		+ ul {
 			display: none;
+		}
+		&.toggled + ul {
+			display: block;
+		}
+
+		+ ul {
 			margin: 0;
 			text-transform: uppercase;
 			font-size: $fz-small;

static/toodego/_custom.scss

@@ -644,7 +644,11 @@ div#nav span.badge::after {
 	}
 }
 
-#backlink, .backlink {
+.cell.backlink p {
+	margin: 0;
+}
+
+.backlink a, a.backlink {
 	color: black;
 	background: url(img/back-arrow.png) 0 5px no-repeat;
 	padding-left: 40px;
@@ -654,7 +658,7 @@ div#nav span.badge::after {
 	font-family: Oswald;
 	font-weight: 400;
 	@media screen and (max-width: $desktop-limit) {
-		margin-top: 2rem;
+		margin-top: 0rem;
 		margin-left: 1rem;
 	}
 	&:hover {
@@ -665,6 +669,10 @@ div#nav span.badge::after {
 	}
 }
 
+.cell.backlink + #content {
+	margin-top: 1rem;
+}
+
 a#collectivity-services {
 	text-transform: uppercase;
 	background: white;

static/toodego/_forms.scss

@@ -19,6 +19,7 @@ div.file-upload-widget {
 			&::before {
 				content: "";
 				background: url(img/photo-add.png) 50% 0px no-repeat;
+				box-sizing: content-box;
 				height: 40px;
 			}
 		}

static/villeneuve-dascq/_custom.scss

@@ -81,19 +81,36 @@ input, textarea, select {
 #messages li.success, .successnotice,
 #messages li.info, .infonotice {
 	color: white;
+
+	a {
+		color: inherit;
+		font-weight: bold;
+		border-bottom: 2px solid hsla(0, 0%, 100%, .4);
+		&:hover {
+			text-decoration: none;
+			border-bottom: 2px solid hsla(0, 0%, 100%, .8);
+		}
+	}
 }
 
 div.meetings_table {
-	& > div {
-	}
 
 	div.head {
 		border-bottom: 2px solid $primary-color;
 		font-weight: 900;
 	}
-	button {
+	button.next,
+	button.prev {
+		height: 2.8em;
+		flex: 0 0 2.8em;
 		border: 2px solid white;
 		box-shadow: 0 0 0 3px $button-background;
+		// arrow: use background image instead UTF8 charater
+		text-indent: -1000em;
+		background-repeat: no-repeat;
+		background-size: 1em;
+		background-position: center;
+		@include arrowIcon($property: "background-image");
 		&:hover, &:focus {
 			box-shadow: 0 0 0 3px $primary-color, 0px 0px 10px #777 !important;
 		}
@@ -102,6 +119,10 @@ div.meetings_table {
 			border: 2px solid white;
 			box-shadow: 0 0 0 3px grayscale($button-background);
 		}
+
+		&.prev {
+			transform: rotate(0.5turn);
+		}
 	}
 
 	div span {
@@ -200,7 +221,7 @@ div.cell {
 		}
 	}
 	div.carrousel-nav {
-		top: $theme-gutter-mobile*2;
+		top: $theme-gutter-mobile*3;
 		left: $theme-gutter-mobile*2;
 		width: auto;
 		@media ($min-desktop-viewport) {
@@ -226,7 +247,7 @@ div.cell {
 		background-size: 1.5rem;
 		@include arrowIcon($property: background-image);
 
-		top: $theme-gutter;
+		top: $theme-gutter-mobile*2;
 		right: $theme-page-padding;
 		&::after {
 			content: none;
@@ -416,39 +437,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();
 		}
-
 	}
 }
 
@@ -664,11 +684,16 @@ div.gru-nav {
 			margin-right: $theme-gutter-mobile;
 			margin-left: $theme-gutter-mobile;
 		}
+		@media ($min-desktop-viewport) {
+			display: flex;
+			align-items: center;
+		}
 	}
 	.carrousel	{
 		// stretch all flex space
 		@media ($min-desktop-viewport) {
 			position: relative;
+			padding-top: 38%;
 			> div {
 				position: absolute;
 				top: 0;
@@ -684,9 +709,6 @@ div.gru-nav {
 	// Desktop layout
 	@media ($min-desktop-viewport) {
 		display: flex;
-		& > .cell:first-child {
-			flex: 1 0 auto;
-		}
 		& > .cell:last-child {
 			flex: 0 0 calc( (100% - #{$theme-gutter}) / 3 );
 			@media (min-width: $width + 1) {
@@ -694,6 +716,9 @@ div.gru-nav {
 
 			}
 		}
+		& > .cell:first-child {
+			flex: 1 0 auto;
+		}
 	}
 }
 
@@ -917,7 +942,7 @@ body.no-overflow {
 
 	h3 {
 		font-size: $fz-h4;
-		font-weight: 900;
+		font-weight: 700;
 		color: $primary-color;
 	}
 	// buttons icons & colors

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

@@ -1,9 +1,18 @@
 {% 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>
+		<a href="{{portal_url}}" title="retour à l'accueil">Accueil</a>
 	</span>
 	{{ block.super }}
 {% endblock %}
@@ -32,7 +41,7 @@
 {% block footer %}
 	<div class="footer-imgs">
 		<img class="logo-blanc" src="{{site_base}}{% static "" %}{{css_variant}}/img/vasqc-logo-blanc.png">
-		<img class="skyline" src="{{site_base}}{% static "" %}{{css_variant}}/img/skyline.svg" >
+		<img class="skyline" src="{{site_base}}{% static "" %}{{css_variant}}/img/skyline-blanc.png" >
 	</div>
 	{{ block.super }}
 {% endblock %}