liste chroniques sous une émissions :

ne prendre que les chroniques dont l'article est publié
This commit is contained in:
chankalan 2021-09-29 15:26:35 +02:00
parent a644675fc5
commit 2ef0ae8a2f
3 changed files with 75 additions and 72 deletions

View File

@ -11,29 +11,31 @@
</div>]
<div class="flex flex2">
<BOUCLE_remissions(RUBRIQUES){composition=emissions}>
<BOUCLE_remissions(RUBRIQUES){composition=emissions}>#SET{chroniques,#ARRAY}
<B_emissions>
<div class="liste articles">
<h2><:libreavous:dernieres_emissions:></h2>
<ul>
<BOUCLE_emissions(ARTICLES){id_rubrique}{!par date}{0,6}>
[<li><a href="#URL_ARTICLE">(#TITRE|libreavous_supp_numero)</a></li>]
<BOUCLE_chroniquest(CHAPITRES){id_article}{type_sujet=CH}>[(#SET{chroniques,#GET{chroniques}|push{#ID_CHAPITRE}})]
</BOUCLE_chroniquest>
</BOUCLE_emissions>
</ul>
</div>
</B_emissions>
</BOUCLE_remissions>
<B_chroniques>
<div class="liste articles chroniques">
<h2><:libreavous:dernieres_chroniques:></h2>
<ul>
<BOUCLE_chroniques(CHAPITRES){type_sujet=CH}{!par maj}{0,6}>
<BOUCLE_chroniques(CHAPITRES){id_chapitre IN #GET{chroniques}}{!par maj}{0,6}>
[<li><a href="#URL_ARTICLE">(#TITRE)</a></li>]
</BOUCLE_chroniques>
</ul>
</div>
</B_chroniques>
</BOUCLE_remissions>
</div>
</div>

View File

@ -16,7 +16,8 @@
<span class="bientot"><:libreavous:c_est_maintenant:></span><br />]][(#ENV{date}|<={#DATE}|oui)
<span class="bientot"><:libreavous:c_est_bientot:></span><br />]
[<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />]
<:libreavous:de_15h30_a_17h:>
<:libreavous:de_15h30_a_17h:>[(#ENV{date}|>={#DATE}|oui)<br />
<a href="#URL_ARTICLE" class="btn taille80 blanc"><:libreavous:page_de_l_emission:></a>]
</p>
<h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[

View File

@ -40,7 +40,7 @@ span.btn {
}
.header_menu {
flex-grow: 2;
padding:$spacer;
padding:1rem;
.nav {
padding-top:0;
}
@ -79,7 +79,7 @@ span.btn {
width:230px;
float:right;
position:relative;
margin:0 0 0 $spacer;
margin:0 0 0 1rem;
text-align:left;
.reponse_formulaire {
position: absolute;
@ -180,9 +180,9 @@ span.btn {
}
.flex2 > .aside {
max-width:40%;
padding-left:($spacer*4);
padding-left:4rem;
@include media($bp-medium) {
padding-left:($spacer*2);
padding-left:2rem;
}
}
}
@ -191,10 +191,10 @@ span.btn {
.article-resume {
background-color:white;
padding:$spacer;
padding:1rem;
}
.article__texte {
margin-bottom:($spacer*3);
margin-bottom:3rem;
}
.article__interactivite {
@include flex;
@ -232,10 +232,10 @@ span.btn {
.page_content, .page_aside, .page_extra {
> * {
margin:0 0 ($spacer*2);
padding:$spacer ($spacer*4);
margin:0 0 2rem;
padding:1rem 4rem;
@include media($bp-medium) {
padding:$spacer ($spacer*2);
padding:1rem 2rem;
}
&.page_extra {
padding:0;
@ -250,11 +250,11 @@ span.btn {
}
}
> article {
padding:($spacer*2) ($spacer*4);
padding:2rem 4rem;
@include media($bp-medium) {
padding:($spacer*2) ($spacer*2) $spacer;
padding:2rem 2rem 1rem;
}
margin:0;
/* margin:0; */
background-color:white;
h1 {
margin:0;
@ -274,7 +274,7 @@ span.btn {
}
.article_blog & {
margin-top:0;
padding:$spacer ($spacer*2);
padding:1rem 2rem;
background-color:white;
.pagination .pagination-items a, .pagination .lien_pagination a {
color:$couleurPrincipale;
@ -291,11 +291,11 @@ span.btn {
/* background-color:#fff; */
}
.rubrique_chroniques & .liste.articles {
margin-top:($spacer*3);
margin-top:3rem;
}
@include media($bp-medium-up) {
> * {
/* padding-right:($spacer*2); */
/* padding-right:2rem; */
}
}
@ -365,7 +365,7 @@ h2 {
}
ul.spip {
ul.spip {
margin-left:$spacer;
margin-left:1rem;
}
}
@ -392,16 +392,16 @@ ul.spip {
clip: unset;
clip-path: unset;
font-size:1em;
margin:-($spacer*2) 0 $spacer -($spacer*4);
margin:-2rem 0 1rem -4rem;
@include media($bp-medium) {
html:not(.composition_chroniques) & {
margin:-$spacer -200px 0 -($spacer*2);
margin:-2rem -200px 0 -2rem;
line-height:1.2;
}
}
@include media($bp-small) {
html:not(.composition_chroniques) & {
margin:-$spacer 0 0 -($spacer*2);
margin:-1rem 0 0 -2rem;
}
}
overflow:visible;
@ -447,7 +447,7 @@ ul.spip {
background-color:white;
.liste-items {
list-style:none;
margin:0 0 ($spacer*2);
margin:0 0 2rem;
.item {
border-top:1px solid $couleurPrincipale;
&:first-child {
@ -463,20 +463,20 @@ ul.spip {
.lecteur {
@include flex;
align-items:center;
margin-bottom:($spacer*3);
margin-bottom:3rem;
> .podlove_wrapper {
width:76%;
}
@include media($bp-medium) {
flex-direction: column;
text-align: center;
margin:0 -($spacer*4);
margin:0 -4rem;
@include media($bp-medium) {
margin:0 -($spacer*2);
margin:0 -2rem;
}
.telecharger {
padding:0;
margin-top:$spacer;
margin-top:1rem;
}
> .podlove_wrapper {
width:100%;
@ -485,24 +485,24 @@ ul.spip {
}
.texte_aside {
width:200px;
padding:0 0 $spacer ($spacer*2);
padding:0 0 1rem 2rem;
text-align:center;
@include media($bp-small) {
padding:0 0 $spacer;
padding:0 0 1rem;
margin:0 auto;
}
}
.telecharger {
list-style:none;
margin:0 0 ($spacer/2);
margin:0 0 0.5rem;
text-align:left;
@include media($bp-small) {
padding:0 0 $spacer;
padding:0 0 1rem;
margin: 0 auto;
}
li {
padding:($spacer/2) 0 ($spacer/2);
padding:0.5rem 0 0.5rem;
}
.btn.podcast {
width:100%;
@ -574,14 +574,14 @@ ul.spip {
}
&.ogg {
background-image:url('img/ogg.png');
margin-left:$spacer;
margin-left:1rem;
&:hover {
background-image:url('img/ogg.png') !important;
}
}
&.mp3 {
background-image:url('img/mp3.png');
margin-left:($spacer/2);
margin-left:0.5rem;
&:hover {
background-image:url('img/mp3.png') !important;
}
@ -592,11 +592,11 @@ ul.spip {
.sujet_autre {
background:$couleurBackgroundTexte;
padding:$spacer ($spacer*4);
margin:($spacer*2) -($spacer*4) -($spacer*2);
padding:1rem 4rem;
margin:2rem -4rem -2rem;
@include media($bp-medium) {
padding:$spacer ($spacer*2);
margin:($spacer*2) -($spacer*2) -($spacer*2);
padding:1rem 2rem;
margin:2rem -2rem -2rem;
}
&.flex {
width:auto;
@ -607,12 +607,12 @@ ul.spip {
> li {
width:50%;
&:nth-child(odd) {
padding-right:$spacer*2;
padding-right:2rem;
}
&:nth-child(even) {
padding-left:$spacer*2;
padding-left:2rem;
&:before {
left:$spacer;
left:1rem;
}
}
h3 {
@ -622,7 +622,7 @@ ul.spip {
}
// pour insertion dans le texte/chapo avant d'avoir le podcast
.chapo & {
margin-bottom: -($spacer);
margin-bottom: -2rem;
clear:both;
font-size:1rem;
> * {
@ -630,9 +630,9 @@ ul.spip {
}
}
.derniere_emission & {
margin:0 -($spacer*4);
margin:0 -4rem;
@include media($bp-medium) {
margin:0 -($spacer*2);
margin:0 -2rem;
}
width:auto;
}
@ -692,10 +692,10 @@ a:hover .fab, a:hover .fas {
.article_forum {
background:white;
color:$couleurPrincipale;
margin:0 0 ($spacer*4);
padding:$spacer ($spacer*4);
margin:0 0 4rem;
padding:1rem 4rem;
@include media($bp-medium) {
padding:$spacer ($spacer*2);
padding:1rem 2rem;
}
}
@ -730,26 +730,26 @@ a:hover .fab, a:hover .fas {
}
.emission-resume.article-resume {
align-items:center;
padding: 0 $spacer 0 ($spacer*4);
padding: 0 1rem 0 4rem;
margin:0;
@include media($bp-medium) {
padding:0 $spacer 0 ($spacer*2);
padding:0 1rem 0 2rem;
}
.article__infos {
/* margin-left:-$spacer; */
/* margin-left:-1rem; */
}
}
.derniere_emission {
position:relative;
margin-top:($spacer*6);
margin-top:6rem;
padding-left:0 !important;
padding-right:0 !important;
> h2 {
margin-top:-($spacer*3.6);
margin-bottom:($spacer*0.65);
padding-left:($spacer*4);
margin-top:-3.6rem;
margin-bottom:0.65rem;
padding-left:4rem;
@include media($bp-medium) {
margin-bottom: 2.05rem;
}
@ -763,7 +763,7 @@ a:hover .fab, a:hover .fas {
> h2 {
color:white;
.page_recherche & {
padding:0 ($spacer*4);
padding:0 4rem;
}
}
.article__infos {
@ -788,7 +788,7 @@ a:hover .fab, a:hover .fas {
margin-right:-4rem;
background:$couleurBackgroundTexte;
@include media($bp-medium) {
margin:0 -($spacer*2);
margin:0 -2rem;
}
.photoapril {
margin:0;
@ -801,14 +801,14 @@ a:hover .fab, a:hover .fas {
color:$couleurSecondaire;
@include media($bp-medium) {
float:none;
padding:0 ($spacer*2);
padding:0 2rem;
}
}
}
}
.texte_content {
flex:1;
padding-bottom:$spacer;
padding-bottom:1rem;
min-height: 200px;
h1 {
font-size:1.6rem;
@ -832,17 +832,17 @@ a:hover .fab, a:hover .fas {
margin:0;
}
> h2 {
margin-bottom:($spacer*0.6);
margin-bottom:0.6rem;
}
> ul {
list-style:none;
padding:0;
margin:0 -($spacer*4);
margin:0 -4rem;
.page_recherche & {
margin:0;
}
@include media($bp-medium) {
margin:0 -($spacer*2);
margin:0 -2rem;
}
> li {
margin-bottom:2px;
@ -858,15 +858,15 @@ a:hover .fab, a:hover .fas {
}
}
.sujet_autre {
margin: $spacer -($spacer) -($spacer);
padding:$spacer;
margin: 1rem -1rem -1rem;
padding:1rem;
width:auto;
}
}
.liste.emissions.chroniques {
> ul > li {
background-color:white;
margin-bottom:$spacer;
margin-bottom:1rem;
}
.emission-resume.article-resume {
/* align-items:start; */
@ -874,10 +874,10 @@ a:hover .fab, a:hover .fas {
}
.emission_heroine.emission-resume.article-resume {
margin-bottom:($spacer*6);
padding-bottom: ($spacer*2);
margin-bottom:6rem;
padding-bottom: 2rem;
.article__infos {
margin: 0 0 0 -($spacer*4);
margin: 0 0 0 -4rem;
}
.article__date {
font-size:1rem;
@ -891,7 +891,7 @@ a:hover .fab, a:hover .fas {
clear: right;
text-align: center;
max-width:100%;
margin: 0 0 $spacer;
margin: 0 0 1rem;
h4 {
text-align:center;
}
@ -905,7 +905,7 @@ a:hover .fab, a:hover .fas {
}
.encart, .radiolive {
clear:both;
margin:0 0 $spacer;
margin:0 0 1rem;
}
}
@include media($bp-small) {
@ -1175,7 +1175,7 @@ a.spip_out {
@media (max-width:940px) {
.page_header > .page_container {
.nav {
padding-top:($spacer/2);
padding-top:0.5rem;
font-size:0.95rem;
z-index:7;
position:static;
@ -1185,7 +1185,7 @@ a.spip_out {
width:100%;
top:36px;
left:-100%;
padding:$spacer/2 $spacer;
padding:0.5rem 1rem;
text-align:center;
z-index:10;
&.ouvert{