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

fix bugs responsive

Browse Source
This commit is contained in:
ouidade
2023-07-14 12:09:36 +02:00
parent 85d3ef3a0e
commit b57bcf835d
6 changed files with 276 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_ressources.scss
+47 -40
View File
@@ -12,27 +12,37 @@
.block-region-content{
display: grid;
grid-template-columns: 1fr repeat(4, 1fr) 1fr;
@media (max-width: 479px){
display: flex;
flex-direction: column;
}
// texte présentation
.block-config-pages-block{
grid-column: 1 / span 4;
margin-left: 1rem;
@media (max-width:479px) {
order: 1;
margin-left: 0;
}
.config_pages--base-de-donnees--full{
// .field--name-field-introduction{
grid-column: 1 / span 5;
// margin: 2rem;
.field--name-field-introduction{
// width: 65%;
margin: auto;
background: $white;
margin-top:5rem;
}
@media (max-width: 810px){
padding: 2rem;
grid-column: 1 / span 5;
@media (max-width: 810px){
padding: 2rem;
margin-top:1rem;
}
@media (max-width: 479px){
padding-left: 0;
padding-right: 0;
}
.field--name-field-introduction{
margin: auto;
background: $white;
margin-top:5rem;
@media (max-width: 479px){
margin-top:1rem;
}
// }
}
}
}
@@ -43,13 +53,16 @@
grid-column: 6 / span 5;
grid-row: 1;
margin-top: 4rem;
// margin-right: 1rem;
// padding-right: 1rem;
background-color: $blue-light;
height: fit-content;
width: 100%;
// margin-left: 2rem;
// grid-row: 1;
@media (max-width: 810px){
grid-column: 5 / span 5;
}
@media (max-width: 479px){
grid-column: 5 / span 5;
order: 2;
}
.display{
display: block;
}
@@ -88,16 +101,20 @@
margin-top: 2rem;
width: 100%;
grid-column: 1 / span 6;
@media (max-width:479px) {
order: 3;
}
.view-filters{
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: $white;
margin-top: 2rem;
margin-left: 1rem;
margin-bottom: 5rem;
@media (max-width: 479px) {
margin-left: 0;
}
&::before{
content: "Filtrer par : ";
padding-right: 1rem;
@@ -110,20 +127,12 @@
width: fit-content;
display: flex;
flex-direction: row;
// .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id{
// width: fit-content;
// padding-right: 1rem;
// padding-left: 1rem;
// }
// .form-item{
// width: fit-content;
// }
// .form-item-field-type-de-ressource-target-id{
// width: fit-content;
// }
flex-wrap: wrap;
#edit-field-mots-clefs-target-id{
@media (max-width: 479px){
width: 75vw;
}
}
#edit-actions{
display: flex;
@@ -136,10 +145,10 @@
border: none;
padding: 0.1rem 0.7rem;
margin-left: 2rem;
@media (max-width: 479px){
margin-left: 0rem;
margin-right: 2rem;
margin-top: 1rem;
}
}
#edit-reset{
@@ -160,14 +169,9 @@
display: flex;
flex-direction: row;
flex-wrap: wrap;
// justify-content: space-between;
.views-row{
width: 25%;
flex: 0 0 25%;
// padding: 0.5rem;
// background-color: $white;
// margin-bottom: 1rem;
flex: 0 0 25%;
.node-type-ressource{
display: flex;
flex-direction: column;
@@ -175,6 +179,9 @@
margin-left: 1rem;
margin-bottom: 1rem ;
padding: 1rem;
@media (max-width: 479px) {
margin-left: 0;
}
&:hover{
background-color: $background-actus;
}