From 2ef0ae8a2f06d062d0c6ffcc0bc3fdcc74b78f93 Mon Sep 17 00:00:00 2001 From: chankalan Date: Wed, 29 Sep 2021 15:26:35 +0200 Subject: [PATCH] =?UTF-8?q?liste=20chroniques=20sous=20une=20=C3=A9mission?= =?UTF-8?q?s=20:=20ne=20prendre=20que=20les=20chroniques=20dont=20l'articl?= =?UTF-8?q?e=20est=20publi=C3=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- squelettes/connex/article-emission.html | 8 +- squelettes/content/sommaire.html | 3 +- squelettes/scss/styles/_perso.scss | 136 ++++++++++++------------ 3 files changed, 75 insertions(+), 72 deletions(-) diff --git a/squelettes/connex/article-emission.html b/squelettes/connex/article-emission.html index 4c3f309..6ccd461 100644 --- a/squelettes/connex/article-emission.html +++ b/squelettes/connex/article-emission.html @@ -11,29 +11,31 @@ ]
- + #SET{chroniques,#ARRAY}

<:libreavous:dernieres_emissions:>

 -

<:libreavous:dernieres_chroniques:>

 +
diff --git a/squelettes/content/sommaire.html b/squelettes/content/sommaire.html index 4c66571..6f30b80 100644 --- a/squelettes/content/sommaire.html +++ b/squelettes/content/sommaire.html @@ -16,7 +16,8 @@ <:libreavous:c_est_maintenant:>
]][(#ENV{date}|<={#DATE}|oui) <:libreavous:c_est_bientot:>
] [[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)
] - <:libreavous:de_15h30_a_17h:> + <:libreavous:de_15h30_a_17h:>[(#ENV{date}|>={#DATE}|oui)
+ <:libreavous:page_de_l_emission:>]

[(#TITRE|libreavous_supp_numero)][ diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index c1228f6..60eb932 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -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{