bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

@media projet

Browse Source
This commit is contained in:
ouidade
2023-07-13 13:44:36 +02:00
parent 640dfe0f44
commit b5297afd72
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+13
View File
@@ -3132,9 +3132,15 @@ a {
flex-direction: row; flex-direction: row;
margin-bottom: 2rem; margin-bottom: 2rem;
max-height: 600px; } max-height: 600px; }
@media (max-width: 568px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top {
flex-direction: column; } }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo {
width: 60%; width: 60%;
padding-right: 2rem; } padding-right: 2rem; }
@media (max-width: 568px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo {
width: 100%; } }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img {
height: auto; height: auto;
max-height: 600px; max-height: 600px;
@@ -3145,8 +3151,15 @@ a {
padding-top: 1rem; padding-top: 1rem;
object-fit: cover; object-fit: cover;
width: 100%; } } width: 100%; } }
@media (max-width: 568px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img {
width: 100%;
max-height: 300px; } }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right {
width: 40%; } width: 40%; }
@media (max-width: 568px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right {
width: 100%; } }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle {
margin: 0; } margin: 0; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title {
web/themes/custom/eql/scss/pages/_projet.scss
+13
View File
@@ -17,12 +17,18 @@
margin-bottom: 2rem; margin-bottom: 2rem;
max-height: 600px; max-height: 600px;
// width: 800px; // width: 800px;
@media (max-width: 568px){
flex-direction: column;
}
.block-entity-fieldnodefield-photo{ .block-entity-fieldnodefield-photo{
width: 60%; width: 60%;
padding-right: 2rem; padding-right: 2rem;
// margin-right: 2rem; // margin-right: 2rem;
// @media (max-width: 810px) { // @media (max-width: 810px) {
// } // }
@media (max-width: 568px){
width: 100%;
}
img{ img{
// padding-top: 2rem; // padding-top: 2rem;
// width: 600px; // width: 600px;
@@ -37,6 +43,10 @@
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
} }
@media (max-width: 568px){
width: 100%;
max-height: 300px;
}
} }
// // position: relative; // // position: relative;
// // bottom: -50%; // // bottom: -50%;
@@ -44,6 +54,9 @@
.top_right{ .top_right{
width: 40%; width: 40%;
@media (max-width: 568px){
width: 100%;
}
.block-entity-fieldnodetitle{ .block-entity-fieldnodetitle{
margin: 0; margin: 0;
.field--name-title{ .field--name-title{