responsive filters +intro
This commit is contained in:
+22
-1
@@ -5291,6 +5291,12 @@ svg.ext {
|
||||
width: fit-content;
|
||||
margin-left: 28%;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
|
||||
margin-left: 0;
|
||||
line-height: 4rem;
|
||||
}
|
||||
}
|
||||
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -5306,6 +5312,12 @@ svg.ext {
|
||||
margin: auto;
|
||||
margin-left: 28%;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
|
||||
margin-left: 0;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
|
||||
order: 1;
|
||||
@@ -5317,7 +5329,8 @@ svg.ext {
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.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 {
|
||||
padding: 2rem;
|
||||
padding-top: 1rem;
|
||||
padding-left: 2rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
@@ -5397,6 +5410,12 @@ svg.ext {
|
||||
grid-template-columns: 25% 80%;
|
||||
gap: 2rem;
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.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 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.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 {
|
||||
position: sticky;
|
||||
align-self: start;
|
||||
@@ -5415,6 +5434,8 @@ 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 {
|
||||
position: static;
|
||||
margin-bottom: 2rem;
|
||||
transform: none;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
|
||||
@@ -18,6 +18,10 @@
|
||||
margin-bottom: 1rem;
|
||||
width: fit-content;
|
||||
margin-left: 28%;
|
||||
@media (max-width:810px) {
|
||||
margin-left: 0;
|
||||
line-height: 4rem;
|
||||
}
|
||||
}
|
||||
.layout--onecol{
|
||||
.layout__region--content{
|
||||
@@ -36,15 +40,20 @@
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
margin-left: 28%;
|
||||
|
||||
@media (max-width:810px) {
|
||||
margin-left: 0;
|
||||
width: 90%;
|
||||
}
|
||||
@media (max-width:479px) {
|
||||
order: 1;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.config_pages--base-de-donnees--full{
|
||||
grid-column: 1 / span 5;
|
||||
@media (max-width: 810px){
|
||||
padding: 2rem;
|
||||
padding-top: 1rem;
|
||||
padding-left: 2rem;
|
||||
margin-top:1rem;
|
||||
}
|
||||
@media (max-width: 479px){
|
||||
@@ -124,6 +133,10 @@
|
||||
display: grid;
|
||||
grid-template-columns: 25% 80%;
|
||||
gap: 2rem;
|
||||
@media (max-width:810px) {
|
||||
display: flex;
|
||||
flex-direction: column ;
|
||||
}
|
||||
.view-filters{
|
||||
position: sticky;
|
||||
align-self: start;
|
||||
@@ -141,6 +154,9 @@
|
||||
@media (max-width: 810px) {
|
||||
position: static;
|
||||
margin-bottom: 2rem;
|
||||
transform: none;
|
||||
margin-bottom: 0px;
|
||||
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
margin-left: 0;
|
||||
|
||||
Reference in New Issue
Block a user