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%; }
.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-position-y: 20vh;
background-position-y: 30vh;
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 {
background: rgba(0, 158, 227, 0.2);
height: 20vh;
height: fit-content;
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 {
height: 100%;
display: flex; }
@@ -1213,13 +1216,15 @@ a {
display: flex;
flex-direction: row;
margin: auto;
width: 65%;
width: 60%;
margin-top: 2rem;
margin-bottom: 2rem;
justify-content: space-between;
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 {
background: white;
width: 45%;
min-height: 60%;
width: 40%;
height: 80%;
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 {
color: black;
@@ -1237,9 +1242,11 @@ a {
background: white; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
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 {
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 {
width: fit-content;
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 {
display: flex;
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 {
flex: 0 1 45%;
padding: 1rem; }
flex: 0 1 49%; }
.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;
border: 2px solid #009ee3;
padding: 2rem;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
background-color: white; }
@@ -1295,7 +1302,7 @@ a {
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 {
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 {
background: #09398b;
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 {
color: white;
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 {
display: none; }
web/themes/custom/eql/images/pictos/noun_Arrow_3771902.svg
+1 -1
View File
@@ -8,7 +8,7 @@
id="svg8"
sodipodi:docname="noun_Arrow_3771902.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
width="45"
width="30"
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-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{
.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-position-y: 20vh;
background-position-y: 30vh;
max-width: 100vw;
background-size: contain;
background-size: cover;
// bandeau filtres collections
.block-views-blockcollections-block-1{
background: $background-actus;
height: 20vh;
height: fit-content;
display: flex;
div{
width: 100%;
}
.view-id-collections{
height: 100%;
display: flex;
.view-content{
display: flex;
flex-direction: row;
margin: auto;
width: 65%;
width: 60%;
margin-top: 2rem;
margin-bottom: 2rem;
justify-content: space-between;
align-items: center;
.views-row{
background: $white;
width: 45%;
min-height: 60%;
width: 40%;
height: 80%;
padding: 1rem;
a{
color: $black;
@@ -78,9 +88,13 @@
// grille des ressources
.block-views-blockbase-de-donnees-block-1{
margin: auto;
width: 70%;
width: 60%;
.view-filters{
background-color: $white;
margin-top: 2rem;
margin-bottom: 2rem;
.views-exposed-form-base-de-donnees-block-1{
width: fit-content;
display: flex;
@@ -97,10 +111,12 @@
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
.views-row{
flex: 0 1 45%;
padding: 1rem;
flex: 0 1 49%;
// padding: 1rem;
// width: 50%;
}
.node-type-ressource{
@@ -108,7 +124,7 @@
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
padding: 2rem;
padding: 1rem;
height: fit-content;
margin-bottom: 1rem;
@@ -168,19 +184,23 @@
.field--name-field-mots-clefs{
display: inline-flex;
margin-top: 2rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: center;
}
.field__item{
background: $blue-dark;
margin-right: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
a{
color: $white;
font-weight: 800;
vertical-align: middle;
vertical-align: super;
}
}
}