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

reduire font filtres ressource

Browse Source
This commit is contained in:
ouidade
2025-06-03 15:10:49 +02:00
parent b9125750a0
commit 559ef0d208
2 changed files with 39 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+20 -3
View File
@@ -5283,7 +5283,7 @@ svg.ext {
margin: auto; margin: auto;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 { .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
font-size: 5rem; font-size: 4em;
color: rgb(9, 57, 139); color: rgb(9, 57, 139);
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
@@ -5294,6 +5294,8 @@ svg.ext {
@media (max-width: 810px) { @media (max-width: 810px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 { .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
margin-left: 0; margin-left: 0;
text-align: left;
line-height: 4rem;
} }
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
@@ -5342,6 +5344,7 @@ svg.ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction {
margin: auto; margin: auto;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
font-size: 1rem;
} }
@media (max-width: 479px) { @media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction {
@@ -5446,6 +5449,7 @@ svg.ext {
content: "Afficher : "; content: "Afficher : ";
padding-right: 1rem; padding-right: 1rem;
font-weight: 800; font-weight: 800;
font-size: 0.8rem;
margin-bottom: 1rem; margin-bottom: 1rem;
display: block; display: block;
width: 100%; width: 100%;
@@ -5458,9 +5462,10 @@ svg.ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button {
background-color: transparent; background-color: transparent;
border: 1px solid black; border: 1px solid black;
padding: 0.5rem 0.8rem 0.2rem 0.6rem; padding: 0.3rem 0.3rem 0.1rem 0.3rem;
margin-bottom: 1rem; margin-bottom: 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
font-size: 0.6rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button:hover { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button:hover {
cursor: grab; cursor: grab;
@@ -5553,6 +5558,7 @@ svg.ext {
content: "Filtrer par : "; content: "Filtrer par : ";
padding-right: 1rem; padding-right: 1rem;
font-weight: 800; font-weight: 800;
font-size: 0.8rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@media (max-width: 479px) { @media (max-width: 479px) {
@@ -5560,16 +5566,21 @@ svg.ext {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item {
font-size: 0.6rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine {
border-top: none; border-top: none;
border-left: none; border-left: none;
border-right: none; border-right: none;
font-size: 0.6rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine label { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine label {
display: none; display: none;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine .input-wrapper { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine .input-wrapper {
display: inline-flex; display: inline-flex;
font-size: 0.6rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine .input-wrapper::after { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine .input-wrapper::after {
content: url("../images/pictos/loupe.svg"); content: url("../images/pictos/loupe.svg");
@@ -5579,9 +5590,15 @@ svg.ext {
text-align: start !important; text-align: start !important;
max-width: 100% !important; max-width: 100% !important;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form select {
font-size: 0.6rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form select ::placeholder { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form select ::placeholder {
display: none; display: none;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form input {
font-size: 0.6rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .filtered { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .filtered {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
web/themes/custom/eql/scss/pages/ressources.scss
+19 -4
View File
@@ -11,16 +11,18 @@
margin: auto; margin: auto;
#block-contenudelapageprincipale{ #block-contenudelapageprincipale{
h2{ h2{
font-size: 5rem; font-size: 4em;
color: $blue-dark; color: $blue-dark;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
margin-bottom: 1rem; margin-bottom: 1rem;
width: fit-content; width: fit-content;
margin-left: 28%; margin-left: 28%;
@media (max-width:810px) { @media (max-width:810px) {
margin-left: 0; margin-left: 0;
// line-height: 4rem; text-align: left;
line-height: 4rem;
} }
} }
.layout--onecol{ .layout--onecol{
@@ -63,6 +65,7 @@
.field--name-field-introduction{ .field--name-field-introduction{
margin: auto; margin: auto;
background: $white; background: $white;
font-size: 1rem;
// margin-top:5rem; // margin-top:5rem;
@media (max-width: 479px){ @media (max-width: 479px){
margin-top:1rem; margin-top:1rem;
@@ -167,6 +170,7 @@
content: "Afficher : "; content: "Afficher : ";
padding-right: 1rem; padding-right: 1rem;
font-weight: 800; font-weight: 800;
font-size: 0.8rem;
margin-bottom: 1rem; margin-bottom: 1rem;
display: block; display: block;
width: 100%; width: 100%;
@@ -179,9 +183,10 @@
background-color: transparent; background-color: transparent;
// border-radius: 30px; // border-radius: 30px;
border: 1px solid black; border: 1px solid black;
padding: 0.5rem 0.8rem 0.2rem 0.6rem; padding: 0.3rem 0.3rem 0.1rem 0.3rem;
margin-bottom: 1rem; margin-bottom: 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
font-size: 0.6rem;
&:hover{ &:hover{
cursor: grab; cursor: grab;
background-color: $blue-dark; background-color: $blue-dark;
@@ -331,18 +336,24 @@
content: "Filtrer par : "; content: "Filtrer par : ";
padding-right: 1rem; padding-right: 1rem;
font-weight: 800; font-weight: 800;
font-size: 0.8rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@media (max-width: 479px){ @media (max-width: 479px){
padding-bottom: 1rem; padding-bottom: 1rem;
} }
} }
.form-item{
font-size: 0.6rem;
}
.form-item-combine{ .form-item-combine{
border-top: none; border-top: none;
border-left: none; border-left: none;
border-right: none; border-right: none;
font-size: 0.6rem;
label{display: none;} label{display: none;}
.input-wrapper{ .input-wrapper{
display: inline-flex; display: inline-flex;
font-size: 0.6rem;
&::after{ &::after{
content: url("../images/pictos/loupe.svg"); content: url("../images/pictos/loupe.svg");
display: inline-block; display: inline-block;
@@ -354,10 +365,14 @@
} }
} }
select{ select{
font-size: 0.6rem;
::placeholder{ ::placeholder{
display: none; display: none;
} }
} }
input{
font-size: 0.6rem;
}
} }
} }
.filtered{ .filtered{