bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

liens site

This commit is contained in:
ouidade 2024-09-26 23:26:58 +02:00
parent ebc164c1a4
commit 643ccb8adf
2 changed files with 86 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -2801,6 +2801,12 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first { .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
width: 100%; width: 100%;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
margin-bottom: 3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div {
margin-bottom: 0.5rem;
}
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
margin-top: 1rem; margin-top: 1rem;
@ -2810,36 +2816,56 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
display: none; display: none;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf {
background-color: black; width: fit-content;
color: white; padding-left: 0.5rem;
font-size: 0.4rem; background: black;
text-transform: uppercase;
} }
@media (max-width: 500px) { @media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf {
font-size: 0.8rem; margin-left: 0;
} }
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a {
display: inline-flex;
align-items: center;
color: white; color: white;
padding: 0.5rem 0.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
background-color: black;
color: white;
font-size: 0.4rem;
text-transform: uppercase; text-transform: uppercase;
width: fit-content; font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
} }
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div { .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
margin-top: 0.5rem; width: fit-content;
font-size: 0.8rem; padding-left: 0.5rem;
background: black;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
margin-left: 0;
} }
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a { .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a {
display: inline-flex;
align-items: center;
color: white; color: white;
padding: 0.5rem 0.3rem; text-transform: uppercase;
font-size: 0.6rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second { .node-type-site .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 80%; flex: 0 1 80%;

58
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@ -20,9 +20,13 @@
align-items: center; align-items: center;
.block-region-first{ .block-region-first{
width: 100%; width: 100%;
.views-element-container{
margin-bottom: 3rem;
}
} }
div{ div{
// width: fit-content; // width: fit-content;
margin-bottom: 0.5rem;
} }
div:has(.field_field_documents){ div:has(.field_field_documents){
@media(max-width: 500px){ @media(max-width: 500px){
@ -33,33 +37,57 @@
display: none; display: none;
} }
.file--mime-application-pdf{ .file--mime-application-pdf{
background-color: black; width: fit-content;
color: white; padding-left: 0.5rem;
font-size: 0.4rem; background: black;
text-transform: uppercase; @media (max-width:810px) {
@media(max-width: 500px){ margin-left: 0;
font-size: 0.8rem;
} }
a{ a{
display: inline-flex;
align-items: center;
color: white; color: white;
padding: 0.5rem 0.3rem; text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
} }
} }
} }
.field_field_liens_site div div{ .field_field_liens_site div div{
background-color: black;
color: white;
font-size: 0.4rem;
text-transform: uppercase;
width: fit-content; width: fit-content;
@media(max-width: 500px){ padding-left: 0.5rem;
margin-top: 0.5rem; background: black;
font-size: 0.8rem; @media (max-width:810px) {
margin-left: 0;
} }
a{ a{
display: inline-flex;
align-items: center;
color: white; color: white;
padding: 0.5rem 0.3rem; text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
} }
} }
} }