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

View File

@ -11,7 +11,11 @@ div#footer {
} }
a { a {
@include link(white, black); color: white;
&:hover {
color: $yellow-4;
background: none;
}
} }
a.pk-button, a.pk-big-button { 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 // Menu items create the bottom padding for the header here, so
// they reach the bottom of the header and stay hovered when // they reach the bottom of the header and stay hovered when
// moving the mouse to the submenu. // 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; padding-bottom: $header-desktop-padding-v;
// border-bottom when mouse in in submenu // border-bottom when mouse in in submenu
&:hover .menu--link { &:hover .menu--link {
border-bottom-color: $yellow-4; border-bottom-color: $yellow-4;
&:after {
content: "\ea78"; // arrow-up-s-line
}
&:not(:hover) { &:not(:hover) {
color: white; color: white;
} }
@ -118,18 +114,13 @@ div.gru-nav .gru-nav-button {
&--link { &--link {
margin: 0; margin: 0;
// right padding is set to small to let space for the dropdown icon
@media($min-desktop-viewport) {
padding-right: $space-small;
}
&::after { &::after {
content: "\ea6e"; // arrow-right-s-line content: "\ea6e"; // arrow-right-s-line
font-family: "RemixIcon"; font-family: "RemixIcon";
@media($min-desktop-viewport) { @media($min-desktop-viewport) {
content: "\ea4e"; // arrow-down-s-line content: none;
Outdated
Review

Pour ne pas générer un pseudo élément, il suffit de mettre

content: none;
Pour ne pas générer un pseudo élément, il suffit de mettre ```CSS content: none; ```
margin-left: $space-small;
} }
} }
} }

View File

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

View File

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

View File

@ -1,12 +1,14 @@
{ {
"label": "Eurelien (CD28) - 2022", "label": "Eurelien (CD28) - 2022",
"variables": { "variables": {
"theme_color": "#ffcd00" "theme_color": "#ffcd00",
"email_header_asset": "emails:logo"
}, },
"settings": { "settings": {
"combo": { "combo": {
"COMBO_ASSET_SLOTS.update": { "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 %} {% block before-main-content %}
<header class="cd28-page-header"> <header class="cd28-page-header">
<div class="cd28-page-header--content"> <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 %} {% skeleton_extra_placeholder page-header-default %}
{% end_skeleton_extra_placeholder %} {% end_skeleton_extra_placeholder %}
</div> </div>

View File

@ -4,20 +4,12 @@
<div class="cd28-page-header--wcs-default"> <div class="cd28-page-header--wcs-default">
{% if title %} {% if title %}
{% with title|split:" " as title_elements %} {% with title|split:" " as title_elements %}
{% if title_elements|length > 1 %} <h1>
<h1> <span class="cd28-title-header">Les</span>
tjund marked this conversation as resolved Outdated
Outdated
Review

Pas efficace de donner un h1 à un élément qui n'apporte aucune information utile.

Pas efficace de donner un h1 à un élément qui n'apporte aucune information utile.

C'est une demande du client.

C'est une demande du client.
Outdated
Review

Misère

Misère
<span class="cd28-title-header">{{ title_elements|first }}</span> d&eacute;marches
{{ title_elements|slice:"1:"|join:" " }} </h1>
</h1>
{% else %}
<h1>{{ title }}</h1>
{% endif %}
{% endwith %} {% endwith %}
{% if view.formdef.description %}
{{ view.formdef.description | safe }}
{% endif %}
{% 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> </div>
{% endblock %} {% endblock %}
{% block wcs-form-title %}{% endblock %}
tjund marked this conversation as resolved Outdated
Outdated
Review

retaurer le titre par défaut ok, mais il s'affiche tout/trop petit ?

retaurer le titre par défaut ok, mais il s'affiche tout/trop petit ?

Idem, demande du client.

Idem, demande du client.