smart phone actus bdd

This commit is contained in:
2022-01-06 21:47:54 +01:00
parent 0fcfc3225a
commit 42f9b18ffb
6 changed files with 50 additions and 9 deletions
+18 -1
View File
@@ -1072,6 +1072,11 @@ a {
.path-actualites .block-region-content .block-views .view-content .views-row {
width: 25%;
flex: 0 0 25%; }
@media (max-width: 810px) {
.path-actualites .block-region-content .block-views .view-content {
flex-direction: column; }
.path-actualites .block-region-content .block-views .view-content .views-row {
width: 100%; } }
.path-actualites .block-region-content .block-views .view-display-id-block_2 {
padding-top: 0; }
.path-actualites .block-region-content .block-views .node-type-actualite {
@@ -1392,6 +1397,12 @@ a {
background: #09398b; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a {
color: white; }
@media (max-width: 810px) {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
flex-direction: column; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
width: 100%;
margin-top: 1rem; } }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
grid-column: 3 / span 5;
margin: auto;
@@ -1452,6 +1463,11 @@ a {
margin-bottom: 1rem; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row:hover {
background-color: #009ee3; }
@media (max-width: 810px) {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
flex-direction: column; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
width: 100%; } }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource {
display: flex;
flex-direction: column;
@@ -2509,7 +2525,8 @@ a {
padding-top: 3rem; }
@media (max-width: 810px) {
#fotter-bottom {
flex-direction: column; } }
flex-direction: column;
padding-right: 1rem; } }
#fotter-bottom .region {
display: block;
padding-left: 2rem;
+7 -7
View File
@@ -55,14 +55,14 @@ function rotateFleche(event) {
// /////////////////
//// ancre dans texte
document.querySelector('.paragraph--view-mode--textes-toc').click( function() {
var page = this.attr('href');
var speed = 750; // gérer la vitesse de défliement
// document.querySelector('.paragraph--view-mode--textes-toc').click( function() {
// var page = this.attr('href');
// var speed = 750; // gérer la vitesse de défliement
// Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles)
document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed );
return false;
});
// // Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles)
// document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed );
// return false;
// });
/// sticky header on scroll
@@ -58,6 +58,7 @@
margin-bottom: 2rem;
justify-content: space-between;
align-items: center;
.views-row{
display: flex;
margin: auto;
@@ -92,6 +93,13 @@
}
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
margin-top: 1rem;
}
}
}
}
// .view-filters{
@@ -191,6 +199,7 @@
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3rem;
.views-row{
width: 49%;
// padding: 1rem;
@@ -202,7 +211,14 @@
&:hover{
background-color: $blue-light;
}
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
.node-type-ressource{
display: flex;
@@ -60,6 +60,7 @@
}
}
}
}
}
@@ -19,7 +19,13 @@
.views-row{
width: 25%;
flex: 0 0 25%;
}
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
}
.view-display-id-block_2{
padding-top: 0;
@@ -11,6 +11,7 @@
@media (max-width: 810px){
flex-direction: column;
padding-right: 1rem;
}
.region{