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

page base de données grille

Browse Source
This commit is contained in:
ouidade
2022-01-05 11:42:18 +01:00
parent 1a905c2d23
commit 8c434988fa
31 changed files with 488 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/prefixed/styles.css
+390 -144
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/css-compiled/styles.css
+39 -38
View File
@@ -1313,57 +1313,59 @@ a {
position: relative; position: relative;
background: url("../images/pictos/carre-contour-bleu_bdd.svg"); background: url("../images/pictos/carre-contour-bleu_bdd.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 30vh; background-position-y: 40vh;
max-width: 100vw; max-width: 100vw;
background-size: cover; background-size: cover;
display: grid; display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr; } grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
.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 {
grid-column: 1 / span 6; grid-column: 1 / span 10;
background: rgba(0, 158, 227, 0.2); background: rgba(0, 158, 227, 0.2);
height: fit-content; 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 { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
width: 100%; } width: 100%;
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections { display: grid;
height: 100%; grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
display: flex; .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 {
width: 60%; grid-column: 3 / span 8;
margin: auto; } height: 100%;
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content {
display: flex; display: flex;
flex-direction: row; width: 80%; }
margin: auto; .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 {
margin-top: 2rem; display: flex;
margin-bottom: 2rem; flex-direction: row;
justify-content: space-between; margin: auto;
align-items: center; } margin-top: 2rem;
.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 { margin-bottom: 2rem;
background: white; justify-content: space-between;
width: 46%; align-items: center; }
height: 80%; .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 {
padding: 1rem; } display: flex;
.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 { margin: auto;
color: black; background: white;
font-size: 1.5rem; width: 46%;
font-weight: 600; } height: 80%;
.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:hover { padding: 1rem; }
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 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:hover a { color: black;
color: white; } font-size: 1.5rem;
font-weight: 600; }
.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 {
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; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
grid-column: 2 / span 3; grid-column: 3 / span 5; }
margin: 2rem; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
width: 65%;
margin: auto; margin: auto;
background: white; } background: white; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
grid-column: 5; grid-column: 8 / span 9;
margin-top: 4rem; margin-top: 4rem;
background-color: #009ee3; background-color: #009ee3;
height: fit-content; height: fit-content;
width: 80%; width: 60%;
margin-left: 2rem; } margin-left: 2rem; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien {
display: flex; display: flex;
@@ -1383,9 +1385,8 @@ a {
display: block; display: block;
content: url("../images/pictos/noun_Arrow_3771902.svg"); } content: url("../images/pictos/noun_Arrow_3771902.svg"); }
.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; width: 80%;
width: 60%; grid-column: 3 / span 8; }
grid-column: 2 / span 5; }
.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 {
display: none; display: none;
background-color: white; background-color: white;
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Black.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Black.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-BlackIt.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-BlackIt.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Bold.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Bold.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-BoldIt.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-BoldIt.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-ExtraLight.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-ExtraLight.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-ExtraLightIt.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-It.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-It.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Light.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Light.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-LightIt.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-LightIt.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Medium.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Medium.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-MediumIt.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-MediumIt.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Regular.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Regular.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Semibold.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-Semibold.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf
BIN
View File
Binary file not shown.
web/themes/custom/eql/fonts/source-code-pro/SourceCodePro-SemiboldIt.ttf
BIN
View File
Binary file not shown.
web/themes/custom/eql/scss/pages/_basededonnees.scss
+59 -55
View File
@@ -25,82 +25,86 @@
position: relative; position: relative;
background: url('../images/pictos/carre-contour-bleu_bdd.svg'); background: url('../images/pictos/carre-contour-bleu_bdd.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 30vh; background-position-y: 40vh;
max-width: 100vw; max-width: 100vw;
background-size: cover; background-size: cover;
display: grid; display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr; grid-template-columns: 1fr repeat(8, 2fr) 1fr;
// bandeau filtres collections // bandeau filtres collections
.block-views-blockcollections-block-1{ .block-views-blockcollections-block-1{
grid-column: 1 / span 6; grid-column: 1 / span 10;
background: $background-actus; background: $background-actus;
height: fit-content; height: fit-content;
display: flex; display: flex;
div{ div:first-of-type{
width: 100%; width: 100%;
} display: grid;
.view-id-collections{ grid-template-columns: 1fr repeat(8, 2fr) 1fr;
height: 100%; .view-id-collections{
display: flex; grid-column: 3 / span 8;
width: 60%; height: 100%;
margin: auto;
.view-content{
display: flex; display: flex;
flex-direction: row; width: 80%;
margin: auto; // margin: auto;
margin-top: 2rem; .view-content{
margin-bottom: 2rem; display: flex;
justify-content: space-between; flex-direction: row;
align-items: center; margin: auto;
.views-row{ margin-top: 2rem;
background: $white; margin-bottom: 2rem;
width: 46%; justify-content: space-between;
align-items: center;
height: 80%; .views-row{
padding: 1rem; display: flex;
a{ margin: auto;
color: $black; background: $white;
font-size: 1.5rem; width: 46%;
font-weight: 600; height: 80%;
} padding: 1rem;
&:hover{
background: $blue-dark;
a{ a{
color: $white; color: $black;
font-size: 1.5rem;
font-weight: 600;
} }
&:hover{
background: $blue-dark;
a{
color: $white;
}
}
} }
} }
} }
// .view-filters{
// .views-exposed-form-base-de-donnees-block-1{
// .form-item-field-type-de-ressource-target-id{
// #edit-field-type-de-ressource-target-id{
// label{
// display: none;
// }
// }
// }
// }
// }
} }
// .view-filters{
// .views-exposed-form-base-de-donnees-block-1{
// .form-item-field-type-de-ressource-target-id{
// #edit-field-type-de-ressource-target-id{
// label{
// display: none;
// }
// }
// }
// }
// }
} }
// texte présentation // texte présentation
.block-config-pages-block{ .block-config-pages-block{
grid-column: 2 / span 3; grid-column: 3 / span 5;
margin: 2rem; // margin: 2rem;
.field--name-field-introduction{ .field--name-field-introduction{
width: 65%; // width: 65%;
margin: auto; margin: auto;
background: $white; background: $white;
} }
@@ -108,11 +112,11 @@
//button proposer une ressource //button proposer une ressource
.block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{ .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
grid-column: 5; grid-column: 8 / span 9;
margin-top: 4rem; margin-top: 4rem;
background-color: $blue-light; background-color: $blue-light;
height: fit-content; height: fit-content;
width: 80%; width: 60%;
margin-left: 2rem; margin-left: 2rem;
.field--name-field-lien{ .field--name-field-lien{
@@ -140,9 +144,9 @@
} }
// 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: 60%; width: 80%;
grid-column: 2 / span 5; grid-column: 3 / span 8;
.view-filters{ .view-filters{