bachir/Clameurs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed en_ettente behaviour

Browse Source
This commit is contained in:
bachir
2017-03-03 17:58:05 +01:00
parent a66a41e2cd
commit 530ac38275
12 changed files with 324 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/figureslibres/clameurs/css/dist/styles.css
Vendored
+56 -127
View File
@@ -87,15 +87,14 @@ input {
#header h2 {
font-size: 2em; } }
@media only screen and (min-width: 62.5625em) {
#main {
padding-top: 400px; } }
#main > .region {
#main {
width: 95%;
margin: 0 auto; }
@media only screen and (min-width: 62.5625em) {
#main > .region {
#main {
padding-top: 400px; } }
@media only screen and (min-width: 62.5625em) {
#main {
max-width: 1000px; } }
#node-63 {
@@ -191,8 +190,7 @@ input {
cursor: default; }
.node-thematique {
min-height: 766px;
margin-bottom: 10em;
margin-bottom: 7em;
position: relative; }
.node-thematique::before {
position: absolute;
@@ -212,128 +210,71 @@ input {
height: 110%;
top: -5%;
left: -5%; } }
.node-thematique.en_attente::before {
background-size: contain;
background-position: left; }
.node-thematique.node-32::before {
background-image: url(../../images/fond-theme-0-flat.png); }
.node-thematique.node-32.en_attente::before {
background-image: url(../../images/fond-theme-0-flat-nb.jpg); }
.node-thematique.node-32.en_attente > h2,
.node-thematique.node-32.en_attente .group-video .field-name-field-description h3,
.node-thematique.node-32.en_attente .group-description .field-name-field-ecouter,
.node-thematique.node-32.en_attente .node-documentair .field-name-field-doc,
.node-thematique.node-32.en_attente .node-documentair .field-name-title-field,
.node-thematique.node-32.en_attente .field-name-field-episodes .field-label,
.node-thematique.node-32.en_attente .node-episode .field-name-title-field {
color: #aaa; }
.node-thematique.node-32:not(.en_attente) > h2,
.node-thematique.node-32:not(.en_attente) .group-video .field-name-field-description h3,
.node-thematique.node-32:not(.en_attente) .group-description .field-name-field-ecouter,
.node-thematique.node-32:not(.en_attente) .node-documentair .field-name-field-doc,
.node-thematique.node-32:not(.en_attente) .node-documentair .field-name-title-field,
.node-thematique.node-32:not(.en_attente) .field-name-field-episodes .field-label,
.node-thematique.node-32:not(.en_attente) .node-episode .field-name-title-field {
.node-thematique.node-32 > h2,
.node-thematique.node-32 .group-video .field-name-field-description h3,
.node-thematique.node-32 .group-description .field-name-field-ecouter,
.node-thematique.node-32 .node-documentair .field-name-field-doc,
.node-thematique.node-32 .node-documentair .field-name-title-field,
.node-thematique.node-32 .field-name-field-episodes .field-label,
.node-thematique.node-32 .node-episode .field-name-title-field {
color: #2f82ff; }
.node-thematique.node-14::before {
background-image: url(../../images/fond-theme-1-flat.png); }
.node-thematique.node-14.en_attente::before {
background-image: url(../../images/fond-theme-1-flat-nb.jpg); }
.node-thematique.node-14.en_attente > h2,
.node-thematique.node-14.en_attente .group-video .field-name-field-description h3,
.node-thematique.node-14.en_attente .group-description .field-name-field-ecouter,
.node-thematique.node-14.en_attente .node-documentair .field-name-field-doc,
.node-thematique.node-14.en_attente .node-documentair .field-name-title-field,
.node-thematique.node-14.en_attente .field-name-field-episodes .field-label,
.node-thematique.node-14.en_attente .node-episode .field-name-title-field {
color: #aaa; }
.node-thematique.node-14:not(.en_attente) > h2,
.node-thematique.node-14:not(.en_attente) .group-video .field-name-field-description h3,
.node-thematique.node-14:not(.en_attente) .group-description .field-name-field-ecouter,
.node-thematique.node-14:not(.en_attente) .node-documentair .field-name-field-doc,
.node-thematique.node-14:not(.en_attente) .node-documentair .field-name-title-field,
.node-thematique.node-14:not(.en_attente) .field-name-field-episodes .field-label,
.node-thematique.node-14:not(.en_attente) .node-episode .field-name-title-field {
.node-thematique.node-14 > h2,
.node-thematique.node-14 .group-video .field-name-field-description h3,
.node-thematique.node-14 .group-description .field-name-field-ecouter,
.node-thematique.node-14 .node-documentair .field-name-field-doc,
.node-thematique.node-14 .node-documentair .field-name-title-field,
.node-thematique.node-14 .field-name-field-episodes .field-label,
.node-thematique.node-14 .node-episode .field-name-title-field {
color: #ff0000; }
.node-thematique.node-38::before {
background-image: url(../../images/fond-theme-2-flat.png); }
.node-thematique.node-38.en_attente::before {
background-image: url(../../images/fond-theme-2-flat-nb.jpg); }
.node-thematique.node-38.en_attente > h2,
.node-thematique.node-38.en_attente .group-video .field-name-field-description h3,
.node-thematique.node-38.en_attente .group-description .field-name-field-ecouter,
.node-thematique.node-38.en_attente .node-documentair .field-name-field-doc,
.node-thematique.node-38.en_attente .node-documentair .field-name-title-field,
.node-thematique.node-38.en_attente .field-name-field-episodes .field-label,
.node-thematique.node-38.en_attente .node-episode .field-name-title-field {
color: #aaa; }
.node-thematique.node-38:not(.en_attente) > h2,
.node-thematique.node-38:not(.en_attente) .group-video .field-name-field-description h3,
.node-thematique.node-38:not(.en_attente) .group-description .field-name-field-ecouter,
.node-thematique.node-38:not(.en_attente) .node-documentair .field-name-field-doc,
.node-thematique.node-38:not(.en_attente) .node-documentair .field-name-title-field,
.node-thematique.node-38:not(.en_attente) .field-name-field-episodes .field-label,
.node-thematique.node-38:not(.en_attente) .node-episode .field-name-title-field {
.node-thematique.node-38 > h2,
.node-thematique.node-38 .group-video .field-name-field-description h3,
.node-thematique.node-38 .group-description .field-name-field-ecouter,
.node-thematique.node-38 .node-documentair .field-name-field-doc,
.node-thematique.node-38 .node-documentair .field-name-title-field,
.node-thematique.node-38 .field-name-field-episodes .field-label,
.node-thematique.node-38 .node-episode .field-name-title-field {
color: #88aa00; }
.node-thematique.node-3::before {
background-image: url(../../images/fond-theme-3-flat.png); }
.node-thematique.node-3.en_attente::before {
background-image: url(../../images/fond-theme-3-flat-nb.jpg); }
.node-thematique.node-3.en_attente > h2,
.node-thematique.node-3.en_attente .group-video .field-name-field-description h3,
.node-thematique.node-3.en_attente .group-description .field-name-field-ecouter,
.node-thematique.node-3.en_attente .node-documentair .field-name-field-doc,
.node-thematique.node-3.en_attente .node-documentair .field-name-title-field,
.node-thematique.node-3.en_attente .field-name-field-episodes .field-label,
.node-thematique.node-3.en_attente .node-episode .field-name-title-field {
color: #aaa; }
.node-thematique.node-3:not(.en_attente) > h2,
.node-thematique.node-3:not(.en_attente) .group-video .field-name-field-description h3,
.node-thematique.node-3:not(.en_attente) .group-description .field-name-field-ecouter,
.node-thematique.node-3:not(.en_attente) .node-documentair .field-name-field-doc,
.node-thematique.node-3:not(.en_attente) .node-documentair .field-name-title-field,
.node-thematique.node-3:not(.en_attente) .field-name-field-episodes .field-label,
.node-thematique.node-3:not(.en_attente) .node-episode .field-name-title-field {
.node-thematique.node-3 > h2,
.node-thematique.node-3 .group-video .field-name-field-description h3,
.node-thematique.node-3 .group-description .field-name-field-ecouter,
.node-thematique.node-3 .node-documentair .field-name-field-doc,
.node-thematique.node-3 .node-documentair .field-name-title-field,
.node-thematique.node-3 .field-name-field-episodes .field-label,
.node-thematique.node-3 .node-episode .field-name-title-field {
color: #ff6600; }
.node-thematique.node-20::before {
background-image: url(../../images/fond-theme-4-flat.png); }
.node-thematique.node-20.en_attente::before {
background-image: url(../../images/fond-theme-4-flat-nb.jpg); }
.node-thematique.node-20.en_attente > h2,
.node-thematique.node-20.en_attente .group-video .field-name-field-description h3,
.node-thematique.node-20.en_attente .group-description .field-name-field-ecouter,
.node-thematique.node-20.en_attente .node-documentair .field-name-field-doc,
.node-thematique.node-20.en_attente .node-documentair .field-name-title-field,
.node-thematique.node-20.en_attente .field-name-field-episodes .field-label,
.node-thematique.node-20.en_attente .node-episode .field-name-title-field {
color: #aaa; }
.node-thematique.node-20:not(.en_attente) > h2,
.node-thematique.node-20:not(.en_attente) .group-video .field-name-field-description h3,
.node-thematique.node-20:not(.en_attente) .group-description .field-name-field-ecouter,
.node-thematique.node-20:not(.en_attente) .node-documentair .field-name-field-doc,
.node-thematique.node-20:not(.en_attente) .node-documentair .field-name-title-field,
.node-thematique.node-20:not(.en_attente) .field-name-field-episodes .field-label,
.node-thematique.node-20:not(.en_attente) .node-episode .field-name-title-field {
.node-thematique.node-20 > h2,
.node-thematique.node-20 .group-video .field-name-field-description h3,
.node-thematique.node-20 .group-description .field-name-field-ecouter,
.node-thematique.node-20 .node-documentair .field-name-field-doc,
.node-thematique.node-20 .node-documentair .field-name-title-field,
.node-thematique.node-20 .field-name-field-episodes .field-label,
.node-thematique.node-20 .node-episode .field-name-title-field {
color: #ff2ad4; }
.node-thematique.node-26::before {
background-image: url(../../images/fond-theme-5-flat.png); }
.node-thematique.node-26.en_attente::before {
background-image: url(../../images/fond-theme-5-flat-nb.jpg); }
.node-thematique.node-26.en_attente > h2,
.node-thematique.node-26.en_attente .group-video .field-name-field-description h3,
.node-thematique.node-26.en_attente .group-description .field-name-field-ecouter,
.node-thematique.node-26.en_attente .node-documentair .field-name-field-doc,
.node-thematique.node-26.en_attente .node-documentair .field-name-title-field,
.node-thematique.node-26.en_attente .field-name-field-episodes .field-label,
.node-thematique.node-26.en_attente .node-episode .field-name-title-field {
color: #aaa; }
.node-thematique.node-26:not(.en_attente) > h2,
.node-thematique.node-26:not(.en_attente) .group-video .field-name-field-description h3,
.node-thematique.node-26:not(.en_attente) .group-description .field-name-field-ecouter,
.node-thematique.node-26:not(.en_attente) .node-documentair .field-name-field-doc,
.node-thematique.node-26:not(.en_attente) .node-documentair .field-name-title-field,
.node-thematique.node-26:not(.en_attente) .field-name-field-episodes .field-label,
.node-thematique.node-26:not(.en_attente) .node-episode .field-name-title-field {
.node-thematique.node-26 > h2,
.node-thematique.node-26 .group-video .field-name-field-description h3,
.node-thematique.node-26 .group-description .field-name-field-ecouter,
.node-thematique.node-26 .node-documentair .field-name-field-doc,
.node-thematique.node-26 .node-documentair .field-name-title-field,
.node-thematique.node-26 .field-name-field-episodes .field-label,
.node-thematique.node-26 .node-episode .field-name-title-field {
color: #8800aa; }
.node-thematique > h2 {
font-size: 3em;
font-size: 4em;
font-weight: 400;
position: relative;
margin: 2em 0 0;
@@ -341,9 +282,12 @@ input {
@media only screen and (min-width: 62.5625em) {
.node-thematique > h2 {
padding: 0; } }
.node-thematique > h2 span {
.node-thematique > h2 span.target {
position: absolute;
top: -170px; }
.node-thematique > h2 span.date {
font-size: 0.3em;
font-weight: 600; }
.node-thematique .content {
letter-spacing: -0.25em; }
.node-thematique .content > * {
@@ -362,7 +306,6 @@ input {
padding: 0 1em 0 0; }
.node-thematique .content article.main .field-name-body .summary {
position: relative;
background-color: rgba(255, 255, 255, 0.7);
transition: background-color 0.5 ease-in-out; }
@media only screen and (min-width: 62.5625em) {
.node-thematique .content article.main .field-name-body .summary {
@@ -391,8 +334,6 @@ input {
margin: 0;
background-color: #fff; }
@media only screen and (min-width: 62.5625em) {
.node-thematique .content article.main .field-name-body:hover .summary {
background-color: #fff; }
.node-thematique .content article.main .field-name-body:hover .value {
height: 700px; } }
.node-thematique .content article.main .group-video {
@@ -579,18 +520,6 @@ input {
z-index: 10;
background-color: #fff;
opacity: 0.8; }
.node-thematique.en_attente .content > .main {
position: relative; }
.node-thematique.en_attente .content > .main::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
z-index: 10;
background-color: #fff;
opacity: 0.8; }
#DOMWindow .embedded-video, #DOMWindow .player, #DOMWindow iframe {
width: 100%;
sites/all/themes/figureslibres/clameurs/css/styles.scss
+59 -43
View File
@@ -159,8 +159,8 @@ $header_height_large:400px;
padding-top: $header_height_large;
}
@include main_centred();
>.region{
@include main_centred();
}
}
@@ -293,8 +293,8 @@ $header_height_large:400px;
// thematique
.node-thematique{
min-height:766px;
margin-bottom: 10em;
// min-height:766px;
margin-bottom: 7em;
position: relative;
&::before{
@@ -303,8 +303,8 @@ $header_height_large:400px;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width:100%; height:100%;
top:0; left:0;
@media #{$large-up} {
@@ -314,29 +314,39 @@ $header_height_large:400px;
}
}
&.en_attente::before{
background-size: contain;
background-position: left;
}
@mixin node_thema($bg, $sb_bg, $coul){
&::before{background-image: $bg;}
&.en_attente::before{background-image: $sb_bg;}
&.en_attente{
>h2,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-documentair .field-name-title-field,
.field-name-field-episodes .field-label,
.node-episode .field-name-title-field{
color: #aaa;//lighten(desaturate($coul, 40%), 20%);
}
}
&:not(.en_attente){
>h2,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-documentair .field-name-title-field,
.field-name-field-episodes .field-label,
.node-episode .field-name-title-field{color: $coul;}
}
>h2,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-documentair .field-name-title-field,
.field-name-field-episodes .field-label,
.node-episode .field-name-title-field{color: $coul;}
// article.main{
// .field-name-body{
// .summary{background-color: $coul;}
// }
// }
// &.en_attente::before{background-image: $sb_bg;}
// &.en_attente{
// >h2,
// .group-video .field-name-field-description h3,
// .group-description .field-name-field-ecouter,
// .node-documentair .field-name-field-doc,
// .node-documentair .field-name-title-field,
// .field-name-field-episodes .field-label,
// .node-episode .field-name-title-field{
// color: #aaa;//lighten(desaturate($coul, 40%), 20%);
// }
// }
}
&.node-32{
@@ -377,7 +387,7 @@ $header_height_large:400px;
}
>h2{
font-size: 3em;
font-size: 4em;
font-weight: 400;
// padding-left: 0.18em;
position:relative;
@@ -386,10 +396,16 @@ $header_height_large:400px;
@media #{$large-up} {
padding:0;
}
span{
span.target{
position: absolute;
top:-170px;
}
span.date{
font-size: 0.3em;
font-weight: 600;
// display: block;
// color: #000;
}
}
.content{
@@ -420,7 +436,7 @@ $header_height_large:400px;
>*{padding:0 1em 0 0;}
.summary{
position: relative;
background-color: transparentize(#fff, 0.3);
// background-color: transparentize(#fff, 0.2);
transition: background-color 0.5 ease-in-out;
@media #{$large-up} {
height:7em; overflow: hidden;
@@ -449,7 +465,7 @@ $header_height_large:400px;
}
@media #{$large-up} {
&:hover{
.summary{background-color: #fff;}
// .summary{background-color: #fff;}
.value{
height:700px;
}
@@ -657,20 +673,20 @@ $header_height_large:400px;
}
}
&.en_attente{
.content>.main{
position: relative;
&::before{
position: absolute;
top:0; left:0;
width:100%; height:100%;
content:" ";
z-index: 10;
background-color: #fff;
opacity: 0.8;
}
}
}
// &.en_attente{
// .content>.main{
// position: relative;
// &::before{
// position: absolute;
// top:0; left:0;
// width:100%; height:100%;
// content:" ";
// z-index: 10;
// background-color: #fff;
// opacity: 0.8;
// }
// }
// }
}
// ____ __
sites/all/themes/figureslibres/clameurs/preprocess/field.pre.php
+11 -5
View File
@@ -13,21 +13,27 @@ $vars['theme_hook_suggestions'][] = 'field__' . $ft . '__' . $vm;
$vars['theme_hook_suggestions'][] = 'field__' . $fn . '__' . $vm;
$vars['theme_hook_suggestions'][] = 'field__' . $fn . '__' . $vm;
$vars['theme_hook_suggestions'][] = 'field__' . $b . '__' . $fn . '__' . $vm;
$vars['theme_hook_suggestions'][] = 'field__' . $b . '__' . $fn;
if($fn == 'body' && $vm == 'accueil' && $b == 'thematique'){
if($fn == 'body' && $b == 'thematique'){
$vars['items'][0] = array(
'summary' =>array(
"#type"=>"markup",
"#markup"=>$element['#items'][0]['safe_summary'],
"#prefix"=>"<div class='summary'>",
"#suffix"=>"</div>",
),
'value' =>array(
)
);
if($vm == 'accueil' ){
$vars['items'][0]['value'] = array(
"#type"=>"markup",
"#markup"=>$element['#items'][0]['safe_value'],
"#prefix"=>"<div class='value'>",
"#suffix"=>"</div>",
)
);
);
}
}
sites/all/themes/figureslibres/clameurs/preprocess/node.pre.php
+8
View File
@@ -31,4 +31,12 @@ if($node->workflow == 3){
$vars["classes_array"][] = 'en_attente';
}
$scheduled_transitions = WorkflowScheduledTransition::load('node', $node->nid, NULL, 1);
$transition = false;
if(count($scheduled_transitions)){
// dsm($scheduled_transitions, "scheduled_transitions");
$transition = $scheduled_transitions[0];
}
$vars['wf_stamp'] = $transition ? $transition->scheduled : false;
$vars["classes_array"][] = "node-".$node->nid;
sites/all/themes/figureslibres/clameurs/templates/field--thematique--body--accueil.tpl.php → sites/all/themes/figureslibres/clameurs/templates/field--thematique--body.tpl.php
View File
sites/all/themes/figureslibres/clameurs/templates/node.tpl.php
+6 -1
View File
@@ -87,9 +87,14 @@
<?php if ($print_title): ?>
<h2<?php print $title_attributes; ?>>
<?php if ($anchor_target): ?>
<span id="<?php print $anchor_target; ?>"></span>
<span class="target" id="<?php print $anchor_target; ?>"></span>
<?php endif; ?>
<?php print $title; ?>
<?php if ($wf_stamp): ?>
<span class="date">
<?php print format_date($wf_stamp, 'custom', "d F Y"); ?>
</span>
<?php endif; ?>
</h2>
<?php endif; ?>