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

#1460 #1457 #1466 #1467

Browse Source
This commit is contained in:
armansansd 2021-08-31 11:01:17 +02:00
parent 8eab9d33b1
commit 3476a5fc7e
6 changed files with 212 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
web/themes/custom/popsu/css/styles.css
View File

@ -2181,11 +2181,16 @@ footer {
text-decoration: none; } text-decoration: none; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover {
text-decoration: underline; } text-decoration: underline; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:empty {
background: lime; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) {
padding: 0 0 0 .4rem; } padding: 0 0 0 .4rem; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image {
grid-row: 3 / span 2; grid-row: 4 / span 2;
margin-top: -1.5rem; } margin-top: -1.5rem; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-edition {
grid-column: 2;
grid-row: 6; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-auteurs { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-auteurs {
font-weight: 600; font-weight: 600;
grid-column: 2; grid-column: 2;
@ -2200,8 +2205,6 @@ footer {
color: white; color: white;
padding: .15rem .3rem; padding: .15rem .3rem;
margin-bottom: 1rem; } margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
@ -2219,9 +2222,11 @@ footer {
grid-column: 2 / span 1; grid-column: 2 / span 1;
align-self: baseline; } align-self: baseline; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme { .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme {
grid-row: 6 / span 1; grid-row: 7 / span 1;
grid-column: 1 / span 2; grid-column: 1 / span 2;
font-size: 0.45rem; } font-size: 0.45rem; }
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources .views-view-grid .type-74 { .path-centre-de-ressources .views-view-grid .type-74 {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -2262,8 +2267,16 @@ footer {
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme { .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme {
font-size: 0.45rem; font-size: 0.45rem;
text-align: right; } text-align: right; }
.path-centre-de-ressources nav {
display: grid;
align-items: center;
justify-items: center; }
.path-centre-de-ressources .js-pager__items { .path-centre-de-ressources .js-pager__items {
text-align: center; } text-align: center; }
.path-centre-de-ressources .js-pager__items li {
display: inline-block;
float: left;
margin: 0 .2rem; }
article h2, article h3, article h4, article h5, article h6, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 { article h2, article h3, article h4, article h5, article h6, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 {
font-family: "trueno"; font-family: "trueno";
@ -3256,11 +3269,11 @@ article p, .paragraph p {
bottom: 0; bottom: 0;
left: -15px; left: -15px;
right: -15px; right: -15px;
box-shadow: inset white 0 -4rem 2rem; } box-shadow: inset white 0 -2rem 2rem; }
.page-node-type-theme .block-region-second .body_open, .page-node-type-projet .block-region-second .body_open { .page-node-type-theme .block-region-second .body_open, .page-node-type-projet .block-region-second .body_open {
height: auto; height: auto !important;
padding: 0 0 3rem 0; padding: 0 0 .8rem 0;
-webkit-transition: all 250ms ease; -webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease; -moz-transition: all 250ms ease;
-o-transition: all 250ms ease; -o-transition: all 250ms ease;
@ -3272,6 +3285,9 @@ article p, .paragraph p {
-o-transition: all 250ms ease; -o-transition: all 250ms ease;
transition: all 250ms ease; } transition: all 250ms ease; }
.page-node-type-theme .block-region-second .body_open:after, .page-node-type-projet .block-region-second .body_open:after {
display: none; }
.page-node-type-theme .block-region-second .field_textes .paragraph, .page-node-type-projet .block-region-second .field_textes .paragraph { .page-node-type-theme .block-region-second .field_textes .paragraph, .page-node-type-projet .block-region-second .field_textes .paragraph {
border-bottom: 3px dotted gray; border-bottom: 3px dotted gray;
padding: 1rem 0; } padding: 1rem 0; }
@ -3335,52 +3351,91 @@ article p, .paragraph p {
.page-node-type-theme #node\:field_equipes, .page-node-type-projet #node\:field_equipes { .page-node-type-theme #node\:field_equipes, .page-node-type-projet #node\:field_equipes {
margin-top: 1rem; } margin-top: 1rem; }
.page-node-type-theme #node\:field_equipes h2, .page-node-type-projet #node\:field_equipes h2 { .page-node-type-theme #node\:field_equipes h2, .page-node-type-projet #node\:field_equipes h2 {
cursor: pointer;
color: black; color: black;
text-align: center; } display: grid;
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph { grid-template-columns: 95% 5%;
display: grid; } align-content: center; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres { .page-node-type-theme #node\:field_equipes h2:after, .page-node-type-projet #node\:field_equipes h2:after {
grid-row: 2; content: '▼';
margin-bottom: 1rem; } -webkit-transition: all 250ms ease;
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child { -moz-transition: all 250ms ease;
display: none; } -o-transition: all 250ms ease;
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph { transition: all 250ms ease;
display: grid; align-self: center;
grid-template-columns: auto 1fr; justify-self: center;
font-size: 1rem; }
.page-node-type-theme #node\:field_equipes .rotate:after, .page-node-type-projet #node\:field_equipes .rotate:after {
transform: rotate(180deg);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease; }
.page-node-type-theme #node\:field_equipes .field_equipes, .page-node-type-projet #node\:field_equipes .field_equipes {
display: none; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph {
display: grid; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres {
grid-row: 2;
margin-bottom: 1rem; } margin-bottom: 1rem; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom { .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child {
grid-column: 2; display: none; }
grid-row: 1; .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph {
padding-left: .3rem; display: grid;
display: inline-block; grid-template-columns: auto 1fr;
width: auto; margin-bottom: 1rem; }
font-weight: 500; } .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom {
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child { grid-column: 2;
display: none; } grid-row: 1;
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2) { padding-left: .3rem;
display: inline-block; display: inline-block;
width: auto; } width: auto;
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom { font-weight: 500; }
grid-column: 1; .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child {
grid-row: 1; display: none; }
display: inline-block; .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2) {
font-weight: 500; } display: inline-block;
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child { width: auto; }
display: none; } .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom {
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2) { grid-column: 1;
grid-row: 1;
display: inline-block; display: inline-block;
width: auto; } font-weight: 500; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction { .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child {
grid-column: 1 / span 2; } display: none; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child { .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2) {
display: none; } display: inline-block;
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe { width: auto; }
grid-row: 1; .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction {
font-weight: 600; grid-column: 1 / span 2; }
font-size: 0.8rem; .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child {
margin-bottom: .5rem; } display: none; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child { .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe {
display: none; } grid-row: 1;
font-weight: 600;
font-size: 0.8rem;
margin-bottom: .5rem; }
.page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child {
display: none; }
.page-node-type-theme #node\:field_partenaires h2, .page-node-type-projet #node\:field_partenaires h2 {
color: black; }
.page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph {
display: grid;
align-items: center;
justify-items: center;
grid-template-columns: 40% 60%; }
.page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire {
grid-column: 1;
grid-row: 1; }
.page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire div:first-child, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire div:first-child {
display: none; }
.page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire {
grid-column: 2;
grid-row: 1; }
.page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire div:first-child, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire div:first-child {
display: none; }
.page-node-type-theme.programme-1 .block-region-second h2, .page-node-type-theme.programme-1 .block-region-second h3, .page-node-type-theme.programme-1 .block-region-second h4, .page-node-type-theme.programme-1 .block-region-second h5, .page-node-type-theme.programme-1 .block-region-second h6, .page-node-type-theme.programme-1 .block-region-second .field_titre, .page-node-type-projet.programme-1 .block-region-second h2, .page-node-type-projet.programme-1 .block-region-second h3, .page-node-type-projet.programme-1 .block-region-second h4, .page-node-type-projet.programme-1 .block-region-second h5, .page-node-type-projet.programme-1 .block-region-second h6, .page-node-type-projet.programme-1 .block-region-second .field_titre { .page-node-type-theme.programme-1 .block-region-second h2, .page-node-type-theme.programme-1 .block-region-second h3, .page-node-type-theme.programme-1 .block-region-second h4, .page-node-type-theme.programme-1 .block-region-second h5, .page-node-type-theme.programme-1 .block-region-second h6, .page-node-type-theme.programme-1 .block-region-second .field_titre, .page-node-type-projet.programme-1 .block-region-second h2, .page-node-type-projet.programme-1 .block-region-second h3, .page-node-type-projet.programme-1 .block-region-second h4, .page-node-type-projet.programme-1 .block-region-second h5, .page-node-type-projet.programme-1 .block-region-second h6, .page-node-type-projet.programme-1 .block-region-second .field_titre {
color: #4dabc1; } color: #4dabc1; }
@ -3414,7 +3469,8 @@ article p, .paragraph p {
.page-node-type-theme #node\:field_equipes h2 { .page-node-type-theme #node\:field_equipes h2 {
color: white !important; color: white !important;
text-align: left !important; } text-align: left !important;
cursor: pointer; }
.page-node-type-theme .field_projets_lies article { .page-node-type-theme .field_projets_lies article {
display: grid; } display: grid; }

2
web/themes/custom/popsu/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
web/themes/custom/popsu/js/main.js
View File

File diff suppressed because one or more lines are too long

20
web/themes/custom/popsu/lib/script.js
View File

@ -230,10 +230,12 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
}); });
if(hb < ttp + 30){ if(hb < ttp + 30){
$(".block-region-second .body").append('<footer><a class="more">Lire la suite</a></footer>'); $(".block-region-second .body").append('<footer><a class="more">Lire la suite</a></footer>');
}else{
$(".block-region-second .body").addClass("body_open");
} }
//reteste on windows resize //reteste on windows resize
window.addEventListener('resize', function(){ window.addEventListener('resize', function(){
$(".block-region-second .body").removeClass("body_open");
let hb = $(".block-region-second .body").height(); let hb = $(".block-region-second .body").height();
let ttp = 0; let ttp = 0;
$(".block-region-second .body p").each(function(){ $(".block-region-second .body p").each(function(){
@ -248,7 +250,9 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
}else{ }else{
if($(".block-region-second .body footer").length > 0){ if($(".block-region-second .body footer").length > 0){
$(".block-region-second .body footer").remove(); $(".block-region-second .body footer").remove();
}
}
$(".block-region-second .body").addClass("body_open");
} }
}); });
@ -262,8 +266,18 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
$(this).toggleClass("rotate"); $(this).toggleClass("rotate");
}); });
$(".field_equipes").parent().find("h2").on("click", function(){
$(this).toggleClass("rotate");
if($(".field_equipes").is(":visible")){
$(".field_equipes").fadeOut("slow");
}else{
$(".field_equipes").fadeIn("slow");
}
$(".more").on("click", function(){ })
$(".block-region-second .body").on("click", ".more", function(){
$(".body").toggleClass("body_open"); $(".body").toggleClass("body_open");

32
web/themes/custom/popsu/sass/pages/_ressources.scss
View File

@ -337,14 +337,20 @@
// background-clip: content-box; // background-clip: content-box;
width: 100% !important; width: 100% !important;
padding: .3rem; padding: .3rem;
.views-field:empty {
background: lime;
}
.views-field:not(:first-child){ .views-field:not(:first-child){
padding: 0 0 0 .4rem; padding: 0 0 0 .4rem;
} }
.views-field-field-image{ .views-field-field-image{
grid-row: 3 / span 2; grid-row: 4 / span 2;
margin-top: -1.5rem; margin-top: -1.5rem;
} }
.views-field-field-edition{
grid-column: 2;
grid-row: 6;
}
.views-field-field-auteurs{ .views-field-field-auteurs{
font-weight: 600; font-weight: 600;
grid-column: 2; grid-column: 2;
@ -364,11 +370,7 @@
} }
} }
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-field-type-de-ressource{ .views-field-field-type-de-ressource{
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
@ -391,9 +393,12 @@
align-self: baseline; align-self: baseline;
} }
.views-field-field-theme{ .views-field-field-theme{
grid-row: 6 / span 1; grid-row: 7 / span 1;
grid-column: 1 / span 2; grid-column: 1 / span 2;
font-size: $font-small; font-size: $font-small;
.field-content{
color:black;
}
} }
} }
@ -470,9 +475,20 @@
}
nav{
display: grid;
align-items: center;
justify-items: center;
} }
.js-pager__items{ .js-pager__items{
text-align: center; text-align: center;
li{
display: inline-block;
float: left;
margin: 0 .2rem;
}
} }
} }

69
web/themes/custom/popsu/sass/pages/_themes.scss
View File

@ -141,16 +141,17 @@
} }
} }
} }
.body:after{ .body:after{
content: ""; content: "";
opacity: 1; opacity: 1;
position: absolute; position: absolute;
top: 0; bottom: 0; left: -15px; right: -15px; top: 0; bottom: 0; left: -15px; right: -15px;
box-shadow: inset white 0 -4rem 2rem; box-shadow: inset white 0 -2rem 2rem;
} }
.body_open{ .body_open{
height: auto; height: auto !important;
padding: 0 0 3rem 0; padding: 0 0 .8rem 0;
&:after{ &:after{
opacity: 0; opacity: 0;
-webkit-transition: all 250ms ease; -webkit-transition: all 250ms ease;
@ -163,6 +164,9 @@
-o-transition: all 250ms ease; -o-transition: all 250ms ease;
transition: all 250ms ease; transition: all 250ms ease;
} }
.body_open:after{
display: none;
}
.field_textes{ .field_textes{
.paragraph{ .paragraph{
@ -245,15 +249,37 @@
} }
//équipe tmp
#node\:field_equipes{ #node\:field_equipes{
margin-top: 1rem; margin-top: 1rem;
h2{ h2{
cursor: pointer;
color: black; color: black;
text-align: center; display: grid;
grid-template-columns: 95% 5%;
align-content: center;
// text-align: center;
}
h2:after{
content: '▼';
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
align-self: center;
justify-self: center;
font-size: $font-big;
}
.rotate:after{
transform: rotate(180deg);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
} }
.field_equipes{ .field_equipes{
display: none;
.paragraph{ .paragraph{
display: grid; display: grid;
.field_membres{ .field_membres{
@ -314,6 +340,33 @@
} }
} }
} }
#node\:field_partenaires{
h2{
color: black;
}
.field_partenaires{
.paragraph{
display: grid;
align-items: center;
justify-items: center;
grid-template-columns: 40% 60%;
.field_logo_partenaire{
div:first-child{
display: none;
}
grid-column: 1;
grid-row: 1;
}
.field_nom_partenaire{
div:first-child{
display: none;
}
grid-column: 2;
grid-row: 1;
}
}
}
}
&.programme-1{ &.programme-1{
.block-region-second{ .block-region-second{
@ -397,8 +450,12 @@
h2{ h2{
color: white !important; color: white !important;
text-align: left !important; text-align: left !important;
cursor: pointer;
} }
h2:after{
}
} }
.field_projets_lies{ .field_projets_lies{