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 { .path-actualites .block-region-content .block-views .view-content .views-row {
width: 25%; width: 25%;
flex: 0 0 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 { .path-actualites .block-region-content .block-views .view-display-id-block_2 {
padding-top: 0; } padding-top: 0; }
.path-actualites .block-region-content .block-views .node-type-actualite { .path-actualites .block-region-content .block-views .node-type-actualite {
@@ -1392,6 +1397,12 @@ a {
background: #09398b; } 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 { .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; } 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 { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
grid-column: 3 / span 5; grid-column: 3 / span 5;
margin: auto; margin: auto;
@@ -1452,6 +1463,11 @@ a {
margin-bottom: 1rem; } 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 { .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; } 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 { .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; display: flex;
flex-direction: column; flex-direction: column;
@@ -2509,7 +2525,8 @@ a {
padding-top: 3rem; } padding-top: 3rem; }
@media (max-width: 810px) { @media (max-width: 810px) {
#fotter-bottom { #fotter-bottom {
flex-direction: column; } } flex-direction: column;
padding-right: 1rem; } }
#fotter-bottom .region { #fotter-bottom .region {
display: block; display: block;
padding-left: 2rem; padding-left: 2rem;
+7 -7
View File
@@ -55,14 +55,14 @@ function rotateFleche(event) {
// ///////////////// // /////////////////
//// ancre dans texte //// ancre dans texte
document.querySelector('.paragraph--view-mode--textes-toc').click( function() { // document.querySelector('.paragraph--view-mode--textes-toc').click( function() {
var page = this.attr('href'); // var page = this.attr('href');
var speed = 750; // gérer la vitesse de défliement // var speed = 750; // gérer la vitesse de défliement
// Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles) // // Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles)
document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed ); // document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed );
return false; // return false;
}); // });
/// sticky header on scroll /// sticky header on scroll
@@ -58,6 +58,7 @@
margin-bottom: 2rem; margin-bottom: 2rem;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.views-row{ .views-row{
display: flex; display: flex;
margin: auto; margin: auto;
@@ -92,6 +93,13 @@
} }
} }
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
margin-top: 1rem;
}
}
} }
} }
// .view-filters{ // .view-filters{
@@ -191,6 +199,7 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin-top: 3rem; margin-top: 3rem;
.views-row{ .views-row{
width: 49%; width: 49%;
// padding: 1rem; // padding: 1rem;
@@ -202,7 +211,14 @@
&:hover{ &:hover{
background-color: $blue-light; background-color: $blue-light;
} }
} }
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
.node-type-ressource{ .node-type-ressource{
display: flex; display: flex;
@@ -60,6 +60,7 @@
} }
} }
} }
} }
} }
@@ -19,7 +19,13 @@
.views-row{ .views-row{
width: 25%; width: 25%;
flex: 0 0 25%; flex: 0 0 25%;
} }
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
} }
.view-display-id-block_2{ .view-display-id-block_2{
padding-top: 0; padding-top: 0;
@@ -11,6 +11,7 @@
@media (max-width: 810px){ @media (max-width: 810px){
flex-direction: column; flex-direction: column;
padding-right: 1rem;
} }
.region{ .region{