eurelien-cd28-2022: retours v1 (#71798) #61

Merged
csechet merged 11 commits from wip/71798-eurelien-retours-v- into main 2022-12-14 12:13:29 +01:00
8 changed files with 37 additions and 32 deletions

View File

@ -3,9 +3,6 @@ div#main-content {
}
.cd28-page-header {
clear: both;
margin: 0 auto;
max-width: $header-width;
width: 100%;
background: url("img/page-banner.jpeg");
background-size: 100% 100%;
@ -20,16 +17,28 @@ div#main-content {
h1 {
@extend %big-title-1;
color: $black;
&::before {
background-image: url("img/title-img-white.svg");
}
.cd28-title-header {
color: $gray-9;
}
}
h2:not(:first-child) {
@extend %big-title-2;
color: $black;
&::before {
background-image: url("img/title-img-white.svg");
}
.cd28-title-header {
color: $gray-9;
}
}
}
@ -159,7 +168,7 @@ div.textcell, .cd28-page-header {
}
}
div.cell.cd-28-shadow {
div.cell.cd28-shadow {
box-shadow: $shadow-1;
}

View File

@ -11,7 +11,11 @@ div#footer {
}
a {
@include link(white, black);
color: white;
&:hover {
color: $yellow-4;
background: none;
}
}
a.pk-button, a.pk-big-button {

View File

@ -88,17 +88,13 @@ div.gru-nav .gru-nav-button {
// Menu items create the bottom padding for the header here, so
// they reach the bottom of the header and stay hovered when
// moving the mouse to the submenu.
height: calc(#{$header-logo-height} + #{$header-desktop-padding-v});
min-height: calc(#{$header-logo-height} + #{$header-desktop-padding-v});
padding-bottom: $header-desktop-padding-v;
// border-bottom when mouse in in submenu
&:hover .menu--link {
border-bottom-color: $yellow-4;
&:after {
content: "\ea78"; // arrow-up-s-line
}
&:not(:hover) {
color: white;
}
@ -118,18 +114,13 @@ div.gru-nav .gru-nav-button {
&--link {
margin: 0;
// right padding is set to small to let space for the dropdown icon
@media($min-desktop-viewport) {
padding-right: $space-small;
}
&::after {
content: "\ea6e"; // arrow-right-s-line
font-family: "RemixIcon";
@media($min-desktop-viewport) {
content: "\ea4e"; // arrow-down-s-line
margin-left: $space-small;
content: none;
}
}
}

View File

@ -4,6 +4,8 @@
line-height: $lineheight-1;
font-size: $mobile-size;
font-weight: $weight;
margin-top: 0em;
margin-bottom: 1em;
@media($min-desktop-viewport) {
font-size: $desktop-size;
@ -50,7 +52,8 @@
padding-left: 2.6em;
padding-bottom: 0;
&::before {
bottom: 0.5em;
bottom: auto;
top: 0.8em;
}
}
}

View File

@ -8,6 +8,10 @@
border-radius: $border-radius;
margin-bottom: $space-large;
}
&--title {
@extend h3;
}
}
div#tracking-code {

View File

@ -1,12 +1,14 @@
{
"label": "Eurelien (CD28) - 2022",
"variables": {
"theme_color": "#ffcd00"
"theme_color": "#ffcd00",
"email_header_asset": "emails:logo"
},
"settings": {
"combo": {
"COMBO_ASSET_SLOTS.update": {
"header:logo": { "label": "Têtière : logo" }
"header:logo": { "label": "Têtière : logo" },
"emails:logo": {"label": "Emails : logo"}
}
}
}

View File

@ -3,7 +3,7 @@
{% block before-main-content %}
<header class="cd28-page-header">
<div class="cd28-page-header--content">
{% placeholder "page-header" name="En-tête de la page" optional=True acquired=True%}
{% placeholder "page-header" name="En-tête de la page" optional=True %}
{% skeleton_extra_placeholder page-header-default %}
{% end_skeleton_extra_placeholder %}
</div>

View File

@ -4,20 +4,12 @@
<div class="cd28-page-header--wcs-default">
{% if title %}
{% with title|split:" " as title_elements %}
{% if title_elements|length > 1 %}
<h1>
<span class="cd28-title-header">{{ title_elements|first }}</span>
{{ title_elements|slice:"1:"|join:" " }}
</h1>
{% else %}
<h1>{{ title }}</h1>
{% endif %}
<h1>
<span class="cd28-title-header">Les</span>
d&eacute;marches
</h1>
{% endwith %}
{% if view.formdef.description %}
{{ view.formdef.description | safe }}
{% endif %}
{% endif %}
tjund marked this conversation as resolved
Review

le else ne sert plus à rien je pense. Sauf afficher le titre de la démarche ici uniquement lorqu'il est composé d'1 seul mot !?

le else ne sert plus à rien je pense. Sauf afficher le titre de la démarche ici uniquement lorqu'il est composé d'1 seul mot !?
Review

Pas réveillé hier... C'est fixé.

Pas réveillé hier... C'est fixé.
</div>
{% endblock %}
{% block wcs-form-title %}{% endblock %}