css grille ressources

This commit is contained in:
2023-06-26 16:10:21 +02:00
parent 6649a01ffd
commit fd0de27375
2 changed files with 12 additions and 8 deletions
@@ -3662,6 +3662,7 @@ a {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
background-color: white; background-color: white;
margin-top: 2rem; margin-top: 2rem;
margin-left: 1rem;
margin-bottom: 2rem; } margin-bottom: 2rem; }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 {
width: fit-content; width: fit-content;
@@ -3679,13 +3680,13 @@ a {
flex-wrap: wrap; } flex-wrap: wrap; }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
width: 25%; width: 25%;
flex: 0 0 22%; flex: 0 0 25%; }
padding: 0.5rem; }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1rem; border: 2px solid #009ee3;
border: 2px solid #009ee3; } margin: 1rem;
padding: 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-content .views-row .node-type-ressource .field--name-field-type-de-ressource { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
text-transform: uppercase; } text-transform: uppercase; }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
@@ -55,6 +55,8 @@
grid-column: 6 / span 6; grid-column: 6 / span 6;
grid-row: 1; grid-row: 1;
margin-top: 4rem; margin-top: 4rem;
// margin-right: 1rem;
// padding-right: 1rem;
background-color: $blue-light; background-color: $blue-light;
height: fit-content; height: fit-content;
width: 100%; width: 100%;
@@ -100,6 +102,7 @@
.view-filters{ .view-filters{
background-color: $white; background-color: $white;
margin-top: 2rem; margin-top: 2rem;
margin-left: 1rem;
margin-bottom: 2rem; margin-bottom: 2rem;
.views-exposed-form-base-de-donnees-block-1{ .views-exposed-form-base-de-donnees-block-1{
width: fit-content; width: fit-content;
@@ -125,8 +128,8 @@
// justify-content: space-between; // justify-content: space-between;
.views-row{ .views-row{
width: 25%; width: 25%;
flex: 0 0 22%; flex: 0 0 25%;
padding: 0.5rem; // padding: 0.5rem;
// background-color: $white; // background-color: $white;
// margin-bottom: 1rem; // margin-bottom: 1rem;
// &:hover{ // &:hover{
@@ -135,9 +138,9 @@
.node-type-ressource{ .node-type-ressource{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// border: 2px solid $blue-light;
padding: 1rem;
border: 2px solid $blue-light; border: 2px solid $blue-light;
margin: 1rem;
padding: 1rem;
// &:hover{ // &:hover{
// background-color: $blue-light; // background-color: $blue-light;