Переглянути джерело

reduire font filtres ressource

ouidade 2 тижнів тому
батько
коміт
559ef0d208

+ 20 - 3
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5283,7 +5283,7 @@ svg.ext {
   margin: auto;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
-  font-size: 5rem;
+  font-size: 4em;
   color: rgb(9, 57, 139);
   font-weight: 400;
   text-align: center;
@@ -5294,6 +5294,8 @@ svg.ext {
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
     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 {
@@ -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 {
   margin: auto;
   background: rgb(255, 255, 255);
+  font-size: 1rem;
 }
 @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 {
@@ -5446,6 +5449,7 @@ svg.ext {
   content: "Afficher : ";
   padding-right: 1rem;
   font-weight: 800;
+  font-size: 0.8rem;
   margin-bottom: 1rem;
   display: block;
   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 {
   background-color: transparent;
   border: 1px solid black;
-  padding: 0.5rem 0.8rem 0.2rem 0.6rem;
-  margin-bottom: 1rem;
+  padding: 0.3rem 0.3rem 0.1rem 0.3rem;
+  margin-bottom: 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 {
   cursor: grab;
@@ -5553,6 +5558,7 @@ svg.ext {
   content: "Filtrer par : ";
   padding-right: 1rem;
   font-weight: 800;
+  font-size: 0.8rem;
   margin-bottom: 1rem;
 }
 @media (max-width: 479px) {
@@ -5560,16 +5566,21 @@ svg.ext {
     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 {
   border-top: none;
   border-left: 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 {
   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 {
   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 {
   content: url("../images/pictos/loupe.svg");
@@ -5579,9 +5590,15 @@ svg.ext {
   text-align: start !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 {
   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 {
   display: flex;
   flex-direction: row;

+ 19 - 4
web/themes/custom/eql/scss/pages/ressources.scss

@@ -11,16 +11,18 @@
             margin: auto;
             #block-contenudelapageprincipale{
                 h2{
-                    font-size: 5rem;
+                    font-size: 4em;
                     color: $blue-dark;
                     font-weight: 400;
                     text-align: center;
                     margin-bottom: 1rem;
                     width: fit-content;
                     margin-left: 28%;
+                    
                     @media (max-width:810px) {
                      margin-left: 0;
-                    //  line-height: 4rem;
+                     text-align: left;
+                     line-height: 4rem;
                     }
                 }
                 .layout--onecol{
@@ -63,6 +65,7 @@
                                     .field--name-field-introduction{
                                         margin: auto;
                                         background: $white;
+                                        font-size: 1rem;
                                         // margin-top:5rem;
                                         @media (max-width: 479px){
                                             margin-top:1rem;
@@ -167,6 +170,7 @@
                                                 content: "Afficher : ";
                                                 padding-right: 1rem;
                                                 font-weight: 800;
+                                                font-size: 0.8rem;
                                                 margin-bottom: 1rem;
                                                 display: block;
                                                 width: 100%;
@@ -179,9 +183,10 @@
                                                 background-color: transparent;
                                                 // border-radius: 30px;
                                                 border: 1px solid black;
-                                                padding: 0.5rem 0.8rem 0.2rem 0.6rem;
-                                                margin-bottom: 1rem;
+                                                padding: 0.3rem 0.3rem 0.1rem 0.3rem;
+                                                margin-bottom: 0.5rem;
                                                 margin-right: 0.5rem;
+                                                font-size: 0.6rem;
                                                 &:hover{
                                                     cursor: grab;
                                                     background-color: $blue-dark;
@@ -331,18 +336,24 @@
                                                 content: "Filtrer par : ";
                                                 padding-right: 1rem;
                                                 font-weight: 800;
+                                                font-size: 0.8rem;
                                                 margin-bottom: 1rem;
                                                 @media (max-width: 479px){
                                                     padding-bottom: 1rem;
                                                 }
                                             }
+                                            .form-item{
+                                                font-size: 0.6rem;
+                                            }
                                             .form-item-combine{
                                                 border-top: none;
                                                 border-left: none;
                                                 border-right: none;
+                                                font-size: 0.6rem;
                                                 label{display: none;}
                                                 .input-wrapper{
                                                     display: inline-flex;
+                                                    font-size: 0.6rem;
                                                     &::after{
                                                         content: url("../images/pictos/loupe.svg");
                                                         display: inline-block;
@@ -354,10 +365,14 @@
                                                 }
                                             }
                                             select{
+                                                font-size: 0.6rem;
                                                 ::placeholder{
                                                     display: none;
                                                 }
                                             }
+                                            input{
+                                                font-size: 0.6rem;
+                                            }
                                         }
                                     }
                                     .filtered{