bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css bdd

Browse Source
This commit is contained in:
ouidade
2021-12-17 10:39:52 +01:00
parent 346dfc1c5a
commit 49f3243b90
3 changed files with 56 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+22 -15
View File
@@ -1197,15 +1197,18 @@ a {
padding-left: 13%; } padding-left: 13%; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
background: url("../images/pictos/carre-contour-bleu_gouvernance.svg"); position: relative;
background: url("../images/pictos/carre-contour-bleu_programme.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 20vh; background-position-y: 30vh;
max-width: 100vw; max-width: 100vw;
background-size: contain; } background-size: cover; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 {
background: rgba(0, 158, 227, 0.2); background: rgba(0, 158, 227, 0.2);
height: 20vh; height: fit-content;
display: flex; } display: flex; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div {
width: 100%; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections {
height: 100%; height: 100%;
display: flex; } display: flex; }
@@ -1213,13 +1216,15 @@ a {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: auto; margin: auto;
width: 65%; width: 60%;
margin-top: 2rem;
margin-bottom: 2rem;
justify-content: space-between; justify-content: space-between;
align-items: center; } align-items: center; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row {
background: white; background: white;
width: 45%; width: 40%;
min-height: 60%; height: 80%;
padding: 1rem; } padding: 1rem; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a {
color: black; color: black;
@@ -1237,9 +1242,11 @@ a {
background: white; } background: white; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
margin: auto; margin: auto;
width: 70%; } width: 60%; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
background-color: white; } background-color: white;
margin-top: 2rem;
margin-bottom: 2rem; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .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;
display: flex; } display: flex; }
@@ -1250,15 +1257,15 @@ a {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; } flex-wrap: wrap;
justify-content: space-between; }
.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 { .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 {
flex: 0 1 45%; flex: 0 1 49%; }
padding: 1rem; }
.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;
border: 2px solid #009ee3; border: 2px solid #009ee3;
padding: 2rem; padding: 1rem;
height: fit-content; height: fit-content;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: white; } background-color: white; }
@@ -1295,7 +1302,7 @@ a {
margin-top: 2rem; } margin-top: 2rem; }
.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 .field--name-field-mots-clefs::after { .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 .field--name-field-mots-clefs::after {
content: url("../images/pictos/noun_Arrow_3771902.svg"); content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end; } align-self: center; }
.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 .field--name-field-mots-clefs .field__item { .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 .field--name-field-mots-clefs .field__item {
background: #09398b; background: #09398b;
margin-right: 1rem; margin-right: 1rem;
@@ -1304,7 +1311,7 @@ a {
.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 .field--name-field-mots-clefs .field__item a { .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 .field--name-field-mots-clefs .field__item a {
color: white; color: white;
font-weight: 800; font-weight: 800;
vertical-align: middle; } vertical-align: super; }
.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 ul.links.inline { .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 ul.links.inline {
display: none; } display: none; }
web/themes/custom/eql/images/pictos/noun_Arrow_3771902.svg
+1 -1
View File
@@ -8,7 +8,7 @@
id="svg8" id="svg8"
sodipodi:docname="noun_Arrow_3771902.svg" sodipodi:docname="noun_Arrow_3771902.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
width="45" width="30"
height="auto" height="auto"
inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png" inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png"
inkscape:export-xdpi="300" inkscape:export-xdpi="300"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

web/themes/custom/eql/scss/pages/_basededonnees.scss
+33 -13
View File
@@ -21,31 +21,41 @@
} }
.layout--onecol{ .layout--onecol{
.block-region-content{ .block-region-content{
background: url('../images/pictos/carre-contour-bleu_gouvernance.svg'); position: relative;
background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 20vh; background-position-y: 30vh;
max-width: 100vw; max-width: 100vw;
background-size: contain; background-size: cover;
// bandeau filtres collections // bandeau filtres collections
.block-views-blockcollections-block-1{ .block-views-blockcollections-block-1{
background: $background-actus; background: $background-actus;
height: 20vh; height: fit-content;
display: flex; display: flex;
div{
width: 100%;
}
.view-id-collections{ .view-id-collections{
height: 100%; height: 100%;
display: flex; display: flex;
.view-content{ .view-content{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: auto; margin: auto;
width: 65%; width: 60%;
margin-top: 2rem;
margin-bottom: 2rem;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.views-row{ .views-row{
background: $white; background: $white;
width: 45%; width: 40%;
min-height: 60%; height: 80%;
padding: 1rem; padding: 1rem;
a{ a{
color: $black; color: $black;
@@ -78,9 +88,13 @@
// grille des ressources // grille des ressources
.block-views-blockbase-de-donnees-block-1{ .block-views-blockbase-de-donnees-block-1{
margin: auto; margin: auto;
width: 70%; width: 60%;
.view-filters{ .view-filters{
background-color: $white; background-color: $white;
margin-top: 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;
display: flex; display: flex;
@@ -97,10 +111,12 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
.views-row{ .views-row{
flex: 0 1 45%; flex: 0 1 49%;
padding: 1rem; // padding: 1rem;
// width: 50%; // width: 50%;
} }
.node-type-ressource{ .node-type-ressource{
@@ -108,7 +124,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: 2px solid $blue-light; border: 2px solid $blue-light;
padding: 2rem; padding: 1rem;
height: fit-content; height: fit-content;
margin-bottom: 1rem; margin-bottom: 1rem;
@@ -168,19 +184,23 @@
.field--name-field-mots-clefs{ .field--name-field-mots-clefs{
display: inline-flex; display: inline-flex;
margin-top: 2rem; margin-top: 2rem;
&::after{ &::after{
content: url("../images/pictos/noun_Arrow_3771902.svg"); content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: center;
} }
.field__item{ .field__item{
background: $blue-dark; background: $blue-dark;
margin-right: 1rem; margin-right: 1rem;
padding-left: 0.3rem; padding-left: 0.3rem;
padding-right: 0.3rem; padding-right: 0.3rem;
a{ a{
color: $white; color: $white;
font-weight: 800; font-weight: 800;
vertical-align: middle; vertical-align: super;
} }
} }
} }