eurelien-cd28-2022: retours v1 (#71798) #61
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,6 +8,10 @@
|
|||
border-radius: $border-radius;
|
||||
margin-bottom: $space-large;
|
||||
}
|
||||
|
||||
&--title {
|
||||
@extend h3;
|
||||
}
|
||||
}
|
||||
|
||||
div#tracking-code {
|
||||
|
|
|
@ -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"}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
tjund marked this conversation as resolved
Outdated
tjund
commented
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.
csechet
commented
C'est une demande du client. C'est une demande du client.
tjund
commented
Misère Misère
|
||||
démarches
|
||||
</h1>
|
||||
{% endwith %}
|
||||
{% if view.formdef.description %}
|
||||
{{ view.formdef.description | safe }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
tjund marked this conversation as resolved
tjund
commented
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 !?
csechet
commented
Pas réveillé hier... C'est fixé. Pas réveillé hier... C'est fixé.
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block wcs-form-title %}{% endblock %}
|
||||
tjund marked this conversation as resolved
Outdated
tjund
commented
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 ?
csechet
commented
Idem, demande du client. Idem, demande du client.
|
||||
|
|
Loading…
Reference in New Issue
Pour ne pas générer un pseudo élément, il suffit de mettre