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

responsive bdd

Browse Source
This commit is contained in:
ouidade
2022-04-08 17:06:08 +02:00
parent abac084fcd
commit 808a75e5de
3 changed files with 62 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+32 -9
View File
@@ -1443,23 +1443,42 @@ a {
margin-bottom: 2rem; margin-bottom: 2rem;
justify-content: space-between; justify-content: space-between;
align-items: center; } align-items: center; }
@media (max-width: 810px) {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
width: 100%;
margin: auto;
padding-top: 1rem;
padding-bottom: 2rem; } }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
display: flex; display: flex;
margin: auto; margin: auto;
background: white; background: white;
width: 46%; width: 40%;
height: 80%; height: 80%;
padding: 1rem; } padding: 1rem; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name .field-content { @media (max-width: 810px) {
grid-column: 3 /span 6; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name span { width: 100%;
margin: 0; margin: 0em; } }
padding: 1rem; .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name {
padding-bottom: 2rem; } display: flex; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name .field-content {
margin: auto; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name span {
margin: 0;
padding: 1rem;
padding-bottom: 2rem; }
@media (max-width: 359px) {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name span {
padding-left: 0.5rem; } }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a {
color: black; color: black;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 600; } font-weight: 600; }
@media (max-width: 453px) {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a {
font-size: 1.3rem;
hyphens: auto; } }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover {
background: #09398b; } background: #09398b; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a {
@@ -1490,10 +1509,11 @@ a {
grid-column: 3 / span 5; grid-column: 3 / span 5;
margin: auto; margin: auto;
background: white; background: white;
margin-top: 2rem; } margin-top: 5rem; }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
padding: 2rem; } } padding: 2rem;
margin-top: 1rem; } }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
visibility: hidden; } visibility: hidden; }
@media (max-width: 810px) { @media (max-width: 810px) {
@@ -1596,6 +1616,9 @@ a {
flex-direction: column; flex-direction: column;
margin: auto; } } margin: auto; } }
.path-ressources.basededonnees.autres .block-config-pages-block {
display: none; }
.path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
visibility: visible !important; visibility: visible !important;
grid-column: 8 / span 9; grid-column: 8 / span 9;
web/themes/custom/eql/scss/pages/_basededonnees.scss
+23 -5
View File
@@ -60,21 +60,31 @@
margin-bottom: 2rem; margin-bottom: 2rem;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@media (max-width: 810px){
width: 100%;
margin: auto;
padding-top: 1rem;
padding-bottom: 2rem;
}
.views-row{ .views-row{
display: flex; display: flex;
margin: auto; margin: auto;
background: $white; background: $white;
width: 46%; width: 40%;
height: 80%; height: 80%;
padding: 1rem; padding: 1rem;
@media (max-width: 810px){
width: 100%;
margin: 0em;
}
.views-field-name{ .views-field-name{
display: flex;
.field-content{ .field-content{
grid-column: 3 /span 6; // grid-column: 3 /span 6;
margin: auto;
} }
span{ span{
@@ -82,6 +92,9 @@
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
padding-bottom: 2rem; padding-bottom: 2rem;
@media (max-width: 359px){
padding-left: 0.5rem;
}
} }
@@ -90,6 +103,10 @@
color: $black; color: $black;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 600; font-weight: 600;
@media (max-width: 453px){
font-size: 1.3rem;
hyphens: auto;
}
} }
&:hover{ &:hover{
background: $blue-dark; background: $blue-dark;
@@ -157,10 +174,11 @@
// width: 65%; // width: 65%;
margin: auto; margin: auto;
background: $white; background: $white;
margin-top:2rem; margin-top:5rem;
// } // }
@media (max-width: 810px){ @media (max-width: 810px){
padding: 2rem; padding: 2rem;
margin-top:1rem;
} }
} }
web/themes/custom/eql/scss/pages/_basededonnees_autres.scss
+7
View File
@@ -1,5 +1,12 @@
.path-ressources.basededonnees.autres{ .path-ressources.basededonnees.autres{
.block-config-pages-block{
display: none;
}
//button proposer une ressource //button proposer une ressource
.block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{ .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
visibility: visible !important; visibility: visible !important;