fix css retour Maud

This commit is contained in:
2024-06-24 17:17:48 +02:00
parent d75d876e7f
commit b7a5c3f375
17 changed files with 241 additions and 269 deletions
+79 -69
View File
@@ -4,10 +4,11 @@
/* Colors used for REHA */
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link {
text-transform: uppercase;
padding: 1rem;
padding: 0.5rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: rgb(255, 255, 255);
font-size: 0.9rem;
}
@media (max-width: 891px) {
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link {
@@ -17,15 +18,13 @@
.page-programme .field--type-link {
width: fit-content;
padding: 0.4rem;
padding: 0.3rem;
background-color: transparent;
}
.field--type-link {
width: fit-content;
}
.field--type-link .page-programme {
padding: 0.4rem;
}
.bouton {
background-color: rgb(255, 255, 255) !important;
@@ -281,7 +280,7 @@ svg.ext {
/*partials*/
header {
display: block;
height: 150px;
height: 120px;
background-color: rgb(255, 255, 255);
z-index: 99;
width: 100vw;
@@ -310,10 +309,9 @@ header .region-header {
}
header .region-header #block-reha-logoministere {
grid-column: 1;
width: 200px;
width: 135px;
min-width: 100px;
padding-left: 80px;
padding-top: 30px;
height: 100%;
}
header .region-header #block-reha-logoministere img {
@@ -328,18 +326,18 @@ header .region-header #block-reha-logoministere img {
}
header .region-header #block-reha-logoreha {
grid-column: 2;
height: 150px;
padding-top: 20px;
height: 110px;
padding-left: 1rem;
}
header .region-header #block-reha-logoreha .field--name-field-logo {
height: 150px;
height: 110px;
}
header .region-header #block-reha-logoreha .field--name-field-logo .field__item {
height: 150px;
height: 110px;
}
header .region-header #block-reha-logoreha .field--name-field-logo .field__item img {
max-height: inherit;
width: fit-content;
max-height: 110px;
width: auto;
}
header .region-header #block-reha-navigationprincipale {
grid-column: 3/span 5;
@@ -1679,10 +1677,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
font-weight: 800;
padding: 2rem;
margin-right: 1rem;
width: 20%;
width: 20vw;
margin-left: 12%;
padding-top: 0.5rem;
padding-left: 0.5rem;
padding-left: 0.8rem;
padding-bottom: 5rem;
}
@media (max-width: 891px) {
@@ -1694,9 +1692,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de p {
margin: 0;
font-size: 1.3rem;
}
.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de strong {
font-size: 1.3rem;
font-size: 1.5rem;
}
.home-page-layout-content .block-views-blocksites-block-1 {
top: -60px;
@@ -1730,12 +1729,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 100%;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img {
height: 500px;
width: auto;
max-height: 500px;
width: 100%;
object-fit: cover;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site {
background-color: rgb(255, 255, 255);
width: 80%;
width: 20vw;
order: 2;
display: flex;
flex-direction: column;
@@ -1745,60 +1745,60 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
z-index: 99;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site {
width: auto;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h1 {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h1 {
display: none;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h2 {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 {
order: 2;
margin: 0;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h2 {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 {
font-size: 1.2rem;
line-height: 1.3rem;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 2rem;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-numero-site {
font-size: 1.5rem;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site {
order: 3;
font-size: 1.5rem;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site {
font-size: 1rem;
line-height: 0.6rem;
padding-bottom: 0.3rem;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address {
margin: 0;
display: inline-flex;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .postal-code {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code {
order: 2;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .locality {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .locality {
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .country {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .country {
display: none;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-architecte {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
order: 4;
}
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
@@ -1806,6 +1806,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: auto;
z-index: 99;
position: relative;
top: -20px;
}
.view-display-id-page_1 {
@@ -1988,6 +1989,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.block-views-blockactus-block-1 {
background-color: white;
padding-bottom: 3rem;
padding-left: 12%;
}
.block-views-blockactus-block-1 h2 {
width: 80%;
@@ -2000,8 +2002,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: auto;
}
.block-views-blockactus-block-1 .view-id-actus .views-row {
width: 30%;
padding-right: 2rem;
width: 20vw !important;
padding-right: 5rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
width: 100%;
@@ -2076,10 +2078,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 60%;
margin: auto;
padding-top: 5rem;
max-height: 300px;
padding-top: 3rem;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.3rem;
/* Masquer tous les paragraphes après le premier */
}
@media (max-width: 891px) {
@@ -2107,6 +2109,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.page-programme .block-region-second h2 {
font-weight: 1000;
font-size: 1.8rem;
}
.page-programme .block-region-second .block-views-blockhome-block-1 {
width: 80%;
font-size: 1.2rem;
}
.page-programme .block-region-second .view-display-id-block_1 {
margin: 0;
@@ -2121,9 +2128,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire {
width: 100%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(auto-fill);
height: 205px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: baseline;
}
@media (max-width: 810px) {
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire {
@@ -2131,28 +2141,22 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
flex-direction: column;
}
}
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .paragraph--type--partenaire > * {
flex: 1 1 80px;
}
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-logo {
grid-column: 1/2;
grid-row: 2;
margin-top: 2rem;
width: fit-content;
padding-right: 1rem;
}
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-nom {
grid-column: 2/8;
grid-row: 1;
font-weight: 900;
font-size: 1.2rem;
}
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-texte {
grid-column: 2/8;
grid-row: 2;
}
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-texte .field__item p strong {
background-color: none;
}
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-lien {
grid-column: 2/8;
grid-row: 3;
background-color: none;
}
.page-node-site .block-region-first .block-entity-fieldnodefield-fichiers {
@@ -2177,7 +2181,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
position: relative;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image {
width: 80%;
width: 100%;
margin: auto;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item {
@@ -2188,6 +2192,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 100%;
object-fit: cover;
height: auto;
padding-left: 13%;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote {
align-self: flex-end;
@@ -2199,7 +2204,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: 0;
padding-left: 1rem;
}
.page-node-site .region-content .node-type-site .filtered-content {
.page-node-site .region-content .node-type-site .infos-content-site {
z-index: 99;
background-color: rgb(255, 255, 255);
width: 25vw;
@@ -2211,51 +2216,51 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-bottom: 4rem;
padding-top: 1rem;
}
.page-node-site .region-content .node-type-site .filtered-content h1 {
.page-node-site .region-content .node-type-site .infos-content-site h1 {
order: 2;
margin: 0;
font-size: 1.3rem;
font-weight: 900;
}
.page-node-site .region-content .node-type-site .filtered-content h2 {
.page-node-site .region-content .node-type-site .infos-content-site h2 {
order: 2;
margin: 0;
font-size: 1.3rem;
font-weight: 900;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-numero-site {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 1.5rem;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site {
order: 3;
font-size: 1rem;
line-height: 1.3rem;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address {
margin: 0;
display: inline-flex;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .postal-code {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code {
order: 2;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .locality {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .locality {
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .country {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-adresse-site .address .country {
display: none;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-date-de-construction {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-date-de-construction {
order: 5;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-architecte {
.page-node-site .region-content .node-type-site .infos-content-site .field--name-field-architecte {
order: 4;
padding-top: 1rem;
}
.page-node-site .region-content .node-type-site .filtered-content ul.links {
.page-node-site .region-content .node-type-site .infos-content-site ul.links {
order: 5;
text-transform: uppercase;
padding: 0;
@@ -2265,10 +2270,18 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-top: 0.9rem;
display: inline-flex;
}
.page-node-site .region-content .node-type-site .filtered-content ul.links::after {
.page-node-site .region-content .node-type-site .infos-content-site ul.links::after {
content: url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
.page-node-site .region-content .node-type-site .body-content-site {
order: 3;
top: -60px;
position: relative;
width: 50%;
margin: auto;
font-size: 1.3rem;
}
.page-ressources .view-ressources {
flex-direction: column;
@@ -2433,9 +2446,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: fit-content;
padding: 0.2rem 0.9rem;
}
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site div:nth-child(1) {
display: none;
}
.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item {
display: inline;
}