fix bug sitespilotes

This commit is contained in:
2024-07-01 09:44:09 +02:00
parent 7ef86b953d
commit 48beba1f5d
3 changed files with 255 additions and 153 deletions
+56 -52
View File
@@ -1959,46 +1959,50 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 2rem;
}
.page-actualites h1 {
.page-sitespilotes h1 {
width: 80%;
margin: auto;
font-weight: 1000;
}
.page-actualites .view-display-id-page_1 {
.page-sitespilotes .view-display-id-page_1 {
width: 80%;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
}
.page-actualites .view-display-id-page_1 article {
.page-sitespilotes .view-display-id-page_1 article {
padding-bottom: 0.7rem;
}
.page-actualites .view-display-id-page_1 .views-row {
.page-sitespilotes .view-display-id-page_1 .views-row {
width: 28%;
padding: 1rem;
}
.page-actualites .view-display-id-page_1 .views-row:hover {
.page-sitespilotes .view-display-id-page_1 .views-row:hover {
transform: scale(1.05);
transition: 0.3s transform ease, 0.3s box-shadow ease;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site {
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site {
background-color: white;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .field--name-field-image {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site {
display: flex;
flex-direction: column;
}
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site {
order: 1;
}
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site .field--name-field-image {
max-width: 100%;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .field--name-field-image img {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site .field--name-field-image img {
width: 100%;
object-fit: cover;
height: fit-content;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site {
background-color: rgb(255, 255, 255);
order: 2;
display: flex;
@@ -2007,10 +2011,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-right: 1rem;
padding-top: 0.5rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site h1 {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h1 {
display: none;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site h2 {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h2 {
order: 2;
margin: 0;
font-size: 1.6rem;
@@ -2018,66 +2022,66 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
line-height: 1;
padding-bottom: 0.8rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row {
order: 1;
display: flex;
flex-direction: row;
align-items: end;
padding-bottom: 0.5rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 1rem;
display: inline-flex;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site::after {
content: "|";
padding-left: 1rem;
padding-right: 1rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site {
order: 3;
font-size: 1.2rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
display: flex;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address {
margin: 0;
display: inline-flex;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
order: 2;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
display: none;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte {
order: 4;
font-size: 1.2rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item {
display: inline;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
content: ",";
padding-right: 0.5rem;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
content: "";
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links {
order: 5;
text-transform: uppercase;
padding: 0;
@@ -2087,41 +2091,41 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-top: 3rem;
display: inline-flex;
}
.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links::after {
.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links::after {
content: url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
.page-actualites .view-display-id-page_1 footer {
.page-sitespilotes .view-display-id-page_1 footer {
background-color: transparent;
text-transform: none !important;
}
.page-actualites .view-display-id-page_1 footer p {
.page-sitespilotes .view-display-id-page_1 footer p {
font-size: 2rem;
padding-left: 1rem;
font-weight: 1000;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row {
width: 28%;
padding: 1rem;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover {
transform: none;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: transparent;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
background-color: transparent;
order: 2;
display: flex;
@@ -2130,25 +2134,25 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-right: 1rem;
padding-right: 1rem;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
order: 2;
margin: 0;
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a {
cursor: default !important;
pointer-events: none;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row {
order: 1;
display: flex;
flex-direction: row;
align-items: center;
padding-bottom: 0.5rem;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
order: 1;
text-transform: uppercase;
font-size: 1rem;
@@ -2156,43 +2160,43 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
display: flex;
align-items: center;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before {
content: "SITE";
padding-right: 0.5rem;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after {
content: "|";
padding-left: 1rem;
padding-right: 1rem;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
order: 3;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address {
padding-left: 0;
margin: 0;
display: inline-flex;
font-size: 1.3rem;
font-weight: 500 !important;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code {
order: 2;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality {
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country {
display: none;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
order: 4;
text-transform: capitalize;
font-weight: 400;
font-size: 1.2rem;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
order: 5;
text-transform: uppercase;
padding: 0;
@@ -2202,7 +2206,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-top: 0.9rem;
display: inline-flex;
}
.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after {
content: url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
@@ -1,14 +1,14 @@
.page-actualites{
.page-sitespilotes{
h1{
width: 80%;
margin: auto;
font-weight: 1000;
}
.view-display-id-page_1{
width: 80%;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
@@ -25,116 +25,117 @@
transition: 0.3s transform ease, 0.3s box-shadow ease;
}
.node-type-site{
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: white;
.field--name-field-image{
order: 1;
max-width: 100%;
img{
width: 100%;
object-fit: cover;
height: fit-content;
}
}
.infos-content-site{
background-color: $white-button;
order: 2;
.entete_site{
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
h1{display: none;}
h2{
order: 2;
margin: 0;
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
padding-bottom: 0.8rem;
}
.first-row{
.image-site{
order: 1;
display:flex;
flex-direction: row;
align-items: end;
padding-bottom: 0.5rem;
.field--name-field-numero-site {
.field--name-field-image{
max-width: 100%;
img{
width: 100%;
object-fit: cover;
height: fit-content;
}
}
}
.infos-content-site{
background-color: $white-button;
order: 2;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
h1{display: none;}
h2{
order: 2;
margin: 0;
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
padding-bottom: 0.8rem;
}
.first-row{
order: 1;
display:flex;
flex-direction: row;
align-items: end;
padding-bottom: 0.5rem;
.field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 1rem;
display: inline-flex;
&::after{
content: '|';
padding-left: 1rem;
padding-right: 1rem;
}
}
.field--name-field-adresse-site{
order: 3;
font-size: 1.2rem;
.field__item{
display: flex;
}
.address{
margin: 0;
display: inline-flex;
.postal-code{
order: 2;
}
.locality{
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.country{
display: none;
}
}
}
}
.field--name-field-architecte{
order: 4;
font-size: 1.2rem;
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.field__item{
display: inline;
&::after{
content:',';
padding-right: 0.5rem;
}
}
}
.field__item:last-of-type::after {
content: '';
}
}
ul.links{
order: 5;
text-transform: uppercase;
font-size: 1rem;
padding: 0;
margin: 0;
border: none;
padding-bottom: 1rem;
padding-top: 3rem;
display: inline-flex;
&::after{
content: '|';
padding-left: 1rem;
padding-right: 1rem;
}
}
.field--name-field-adresse-site{
order: 3;
font-size: 1.2rem;
.field__item{
display: flex;
}
.address{
margin: 0;
display: inline-flex;
.postal-code{
order: 2;
}
.locality{
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.country{
display: none;
}
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
}
}
.field--name-field-architecte{
order: 4;
font-size: 1.2rem;
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.field__item{
display: inline;
&::after{
content:',';
padding-right: 0.5rem;
}
}
}
.field__item:last-of-type::after {
content: '';
}
}
ul.links{
order: 5;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
padding-bottom: 1rem;
padding-top: 3rem;
display: inline-flex;
&::after{
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
}
}
}
}
@@ -0,0 +1,97 @@
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - messages: Status and error messages. Should be displayed prominently.
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer: Items for the footer region.
* - page.breadcrumb: Items for the breadcrumb region.
*
* @see template_preprocess_page()
* @see html.html.twig
*
* @ingroup themeable
*/
#}
<div class="layout-container page-sitespilotes">
<header role="banner">
{{ page.header }}
</header>
{{ page.primary_menu }}
{{ page.secondary_menu }}
{{ page.breadcrumb }}
{{ page.highlighted }}
{{ page.help }}
<main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content home-page-layout-content">
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
</main>
{% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %}
<footer role="contentinfo">
<section id="footer-top">{{ page.footer_top }}</section>
<div>
<section id="footer-left">{{ page.footer_left }}</section>
<section id="footer-middle">{{ page.footer_middle }}</section>
<section id="footer-right">{{ page.footer_right }}</section>
</div>
<section id="footer-bottom">{{ page.footer_bottom }}</section>
</footer>
{% endif %}
</div>{# /.layout-container #}