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

responsive filtres projets

Browse Source
This commit is contained in:
ouidade
2025-09-22 21:05:52 +02:00
parent ea031339c0
commit 36c55ee931
3 changed files with 55 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+33 -2
View File
@@ -4113,9 +4113,14 @@ svg.ext {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
font-size: 1.5rem;
}
@media (max-width: 810px) {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
font-size: 1.3rem;
}
}
@media (max-width: 810px) {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
padding: 2rem;
padding: 1rem;
}
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
@@ -4160,7 +4165,7 @@ svg.ext {
}
@media (max-width: 810px) {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 {
padding: 2rem;
padding: 1rem;
}
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
@@ -4182,6 +4187,7 @@ svg.ext {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
flex-direction: column;
padding-bottom: 3rem;
margin-top: 0rem;
}
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
@@ -7028,6 +7034,11 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
position: relative;
align-items: center;
}
@media (max-width: 810px) {
#views-exposed-form-projets-block-1 select {
max-width: 58%;
}
}
#views-exposed-form-base-de-donnees-block-1 {
flex-direction: column;
@@ -7058,6 +7069,12 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
display: flex;
flex-wrap: wrap;
}
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1,
#views-exposed-form-projets-block-1 {
font-size: 0.8rem;
}
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item,
#views-exposed-form-projets-block-1 .js-form-item {
display: flex;
@@ -7076,6 +7093,7 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 85%;
}
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item label,
@@ -7087,6 +7105,12 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
#views-exposed-form-projets-block-1 .js-form-item label::after {
content: " : ";
}
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1 .js-form-item label,
#views-exposed-form-projets-block-1 .js-form-item label {
padding-right: 1rem;
}
}
#views-exposed-form-base-de-donnees-block-1 .js-form-item input,
#views-exposed-form-projets-block-1 .js-form-item input {
flex: 2 1 auto;
@@ -7127,6 +7151,13 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
font-family: "Marianne";
font-size: 1rem;
}
@media (max-width: 810px) {
#views-exposed-form-base-de-donnees-block-1 input, #views-exposed-form-base-de-donnees-block-1 select,
#views-exposed-form-projets-block-1 input,
#views-exposed-form-projets-block-1 select {
font-size: 0.8rem;
}
}
article.node-type-ressource {
margin-bottom: 1rem;
web/themes/custom/eql/scss/pages/_lesprojets.scss
+6 -2
View File
@@ -63,12 +63,15 @@
.field--name-field-introduction{
p:nth-of-type(1){
font-size: 1.5rem;
@media (max-width: 810px){
font-size: 1.3rem;
}
}
}
}
@media (max-width: 810px){
padding: 2rem;
padding: 1rem;
}
}
@@ -122,7 +125,7 @@
// width: 80%;
@media (max-width: 810px){
padding: 2rem;
padding: 1rem;
}
.view-projets{
@@ -142,6 +145,7 @@
@media (max-width: 479px){
flex-direction: column;
padding-bottom: 3rem;
margin-top: 0rem;
}
&::before{
web/themes/custom/eql/scss/partials/_filtres.scss
+16
View File
@@ -2,6 +2,12 @@
flex-direction: row;
position: relative;
align-items: center;
select{
@media (max-width:810px){
max-width: 58%;
}
}
}
#views-exposed-form-base-de-donnees-block-1{
@@ -34,6 +40,9 @@
#views-exposed-form-projets-block-1{
display: flex;
flex-wrap: wrap;
@media (max-width:810px){
font-size: 0.8rem;
}
.js-form-item{
display: flex;
flex-direction: row;
@@ -48,6 +57,7 @@
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 85%;
}
label{
flex: 2 1 auto;
@@ -55,6 +65,9 @@
&::after{
content: ' : ';
}
@media (max-width:810px){
padding-right: 1rem;
}
}
input{
flex: 2 1 auto;
@@ -90,5 +103,8 @@
background-color: transparent;
font-family: "Marianne";
font-size: 1rem;
@media (max-width:810px){
font-size: 0.8rem;
}
}
}