Browse Source

Un flot de modifications pour la partie nav et aside de la page sommaire.

master
eric@smellup.net 2 years ago
parent
commit
c1971feec8
  1. 53
      aside/dist.html
  2. 1
      aside/sommaire.html
  3. 49
      body.html
  4. 10
      images/icone-aide.svg
  5. 1
      images/icone-crayon.svg
  6. 1
      images/icone-download.svg
  7. 1
      images/icone-inscrire.svg
  8. 1
      images/icone-login.svg
  9. 1
      images/icone-plugin.svg
  10. 1
      images/iconfinder_extension_326637.svg
  11. 24
      inclure/forums/derniers_commentaires.html
  12. 19
      inclure/forums/publication-auteur.html
  13. 2
      lang/pluginspip_fr.php
  14. 19
      nav/dist.html
  15. 247
      scss/theme/forums.scss

53
aside/dist.html

@ -0,0 +1,53 @@
<div class="menu-aside menu-aside--action block-link-parent">
<a class="block-link" href="[(#URL_PAGE{login}|parametre_url{url,#SELF}|parametre_url{lang,#LANG})]" onclick="if (jQuery.modalbox) {jQuery.modalbox('[(#URL_PAGE{login}|parametre_url{url,#SELF}|parametre_url{lang,#LANG}|parametre_url{var_zajax,content})]');return false;}">
<:pluginspip:titre_page_telechargements:>
</a>
[(#CHEMIN{images/icone-download.svg}|balise_svg{28,18})]
</div>
<BOUCLE_auteur_connecte(AUTEURS){id_auteur = #SESSION{id_auteur}}{statut !IN poubelle}{si #SESSION{id_auteur}}>
<div class="menu-aside menu-aside--action block-link-parent">
<a class="block-link" href="[(#URL_PAGE{identifiants,focus=nom_inscription}|parametre_url{mode,#URL_SITE_SPIP|tester_config{1comite}}|parametre_url{lang,#LANG})]" onclick="if (jQuery.modalbox) {jQuery.modalbox('[(#URL_PAGE{identifiants,focus=nom_inscription}|parametre_url{mode,#URL_SITE_SPIP|tester_config{1comite}}|parametre_url{id_rubrique,#ID_RUBRIQUE}|parametre_url{lang,#LANG}|parametre_url{var_zajax,content})]');return false;}">
<:pluginspip:titre_page_ajouter_plugin:>
</a>
[(#CHEMIN{images/icone-plugin.svg}|balise_svg{28,18})]
</div>
<div class="menu-aside menu-aside--user">
<div class="user__shortdesc">
[<a href="#URL_AUTEUR">(#LOGO_AUTEUR|image_reduire{40})</a>]
<strong class="username">#NOM</strong>
</div>
<ul class="user__links list-reset">
<li>
<a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a>
</li>
</ul>
</div>
</BOUCLE_auteur_connecte>
<div class="menu-aside menu-aside--lien block-link-parent">
<a class="block-link" href="[(#URL_PAGE{login}|parametre_url{url,#SELF}|parametre_url{lang,#LANG})]" onclick="if (jQuery.modalbox) {jQuery.modalbox('[(#URL_PAGE{login}|parametre_url{url,#SELF}|parametre_url{lang,#LANG}|parametre_url{var_zajax,content})]');return false;}">
<:lien_connecter:>
</a>
[(#CHEMIN{images/icone-login.svg}|balise_svg{28,18})]
</div>
<div class="menu-aside menu-aside--lien block-link-parent">
<a class="block-link" href="[(#URL_PAGE{identifiants,focus=nom_inscription}|parametre_url{mode,#URL_SITE_SPIP|tester_config{1comite}}|parametre_url{lang,#LANG})]" onclick="if (jQuery.modalbox) {jQuery.modalbox('[(#URL_PAGE{identifiants,focus=nom_inscription}|parametre_url{mode,#URL_SITE_SPIP|tester_config{1comite}}|parametre_url{id_rubrique,#ID_RUBRIQUE}|parametre_url{lang,#LANG}|parametre_url{var_zajax,content})]');return false;}">
<:login_sinscrire|ucfirst:>
</a>
[(#CHEMIN{images/icone-inscrire.svg}|balise_svg{28,18})]
</div>
<//B_auteur_connecte>
<BOUCLE_rubrique_aide(RUBRIQUES){titre_mot=Aide}>
<BOUCLE_1er_article(ARTICLES){id_rubrique}{titre_mot=AideDefaut}{origine_traduction}>
<div class="menu-aside menu-aside--lien block-link-parent">
<BOUCLE_1er_article_traduction(ARTICLES){traduction}{lang=#ENV{lang}}>
<a class="block-link" href="#URL_ARTICLE"><:pluginspip:titre_page_aide:></a>
[(#CHEMIN{images/icone-aide.svg}|balise_svg{28,18})]
</BOUCLE_1er_article_traduction>
<a class="block-link" href="#URL_ARTICLE"><:pluginspip:titre_page_aide:></a>
[(#CHEMIN{images/icone-aide.svg}|balise_svg{28,18})]
<//B_1er_article_traduction>
</div>
</BOUCLE_1er_article>
</BOUCLE_rubrique_aide>

1
aside/sommaire.html

@ -0,0 +1 @@
<INCLURE{fond=aside/dist, env}/>

49
body.html

@ -0,0 +1,49 @@
<body class="body[--(#ENV{type-page})][ body--(#COMPOSITION)]">
<ul class="accesrapide accesrapide--main">
<li class="accesrapide"><a class="accesrapide__lien visuallyhidden focusable" href="#accesrapide-contenu"><:galactic:evitement_contenu:></a></li>
<li class="accesrapide"><a class="accesrapide__lien visuallyhidden focusable" href="#accesrapide-navigation"><:galactic:evitement_navigation:></a></li>
</ul>
<div id="boussole_spip">[(#REM) La boussole SPIP va s'insérer ici ]</div>
<div class="page__wrapper">
<div class="page__header page--container">
<INCLURE{fond=header/#ENV{type-page},env}>
</div>
<div class="page__content page--container">
<main class="contentMain" role="main">
<div class="contentMain__breadcrumb">
<INCLURE{fond=breadcrumb/#ENV{type-page},env}>
</div>
<div class="contentMain__main" id="accesrapide-contenu">
<INCLURE{fond=content/#ENV{type-page},env}>
</div>
<aside class="contentMain__extra">
<INCLURE{fond=extra/#ENV{type-page},env}>
</aside>
</main>
<nav class="contentNav">
<aside class="contentNav__aside">
<INCLURE{fond=aside/#ENV{type-page},env}>
</aside>
<nav class="contentNav__main" role="navigation" id="accesrapide-navigation">
<INCLURE{fond=nav/#ENV{type-page},env}>
</nav>
[(#ENV{type-page}|=={sommaire}|oui)<aside class="contentNav__extra">
<INCLURE{fond=inclure/forums/derniers_commentaires, env, ajax}>
</aside>]
</nav>
</div>
<footer class="page__footer">
<div class="page--container">
<INCLURE{fond=footer/#ENV{type-page},env}/>
</div>
</footer>
</div>
</body>

10
images/icone-aide.svg

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="96" height="96" viewBox="0, 0, 96, 96">
<g id="Calque_1">
<g>
<path d="M47.4,0 C33.047,0.016 21.416,11.647 21.4,26 C21.4,29.59 24.31,32.5 27.9,32.5 C31.49,32.5 34.4,29.59 34.4,26 C34.4,18.82 40.22,13 47.4,13 C54.58,13 60.4,18.82 60.4,26 C60.4,31.637 57.087,35.096 51.64,40.124 C46.6,44.763 40.9,50.02 40.9,58.5 C40.9,62.09 43.81,65 47.4,65 C50.99,65 53.9,62.09 53.9,58.5 C53.9,55.853 56.388,53.422 60.451,49.677 C65.91,44.637 73.4,37.737 73.4,26 C73.384,11.647 61.753,0.016 47.4,0 z" fill="#000000"/>
<path d="M48,70 C41.373,70 36,75.373 36,82 C36,88.627 41.373,94 48,94 C54.627,94 60,88.627 60,82 C59.993,75.375 54.625,70.007 48,70 z" fill="#000000"/>
</g>
</g>
</svg>

1
images/icone-crayon.svg

@ -0,0 +1 @@
<svg enable-background="new 281.6 330.6 32 32" viewBox="281.6 330.6 32 32" xmlns="http://www.w3.org/2000/svg"><path d="m303.3 330.9-18.7 18.7c-.1.1-.2.2-.3.4v.1.1l-2.7 10.7c-.2.7.2 1.4 1 1.6.2.1.4.1.7 0l10.7-2.7h.1.1c.1-.1.3-.1.4-.3l18.7-18.7c.2-.3.4-.6.4-.9 0-5.2-4.2-9.3-9.3-9.3-.5 0-.8.1-1.1.3zm-16.7 21.1c2.9.4 5.1 2.7 5.5 5.6l-7.4 1.8zm7.9 3.8c-.3-1-.8-2-1.5-2.8.1 0 .1-.1.2-.1l16.6-16.6c.6.9 1 2 1.1 3.1zm13.5-21.5-16.6 16.6c0 .1-.1.1-.1.2-.8-.6-1.8-1.1-2.8-1.5l16.4-16.4c1 .1 2.1.5 3.1 1.1z"/></svg>

1
images/icone-download.svg

@ -0,0 +1 @@
<svg viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"><path d="m90 54a5.9966 5.9966 0 0 0 -6 6v18h-72v-18a6 6 0 0 0 -12 0v24a5.9966 5.9966 0 0 0 6 6h84a5.9966 5.9966 0 0 0 6-6v-24a5.9966 5.9966 0 0 0 -6-6z"/><path d="m43.7578 64.2422a5.9979 5.9979 0 0 0 8.4844 0l18-18a5.9994 5.9994 0 0 0 -8.4844-8.4844l-7.7578 7.7578v-33.5156a6 6 0 0 0 -12 0v33.5156l-7.7578-7.7578a5.9994 5.9994 0 0 0 -8.4844 8.4844z"/></svg>

1
images/icone-inscrire.svg

@ -0,0 +1 @@
<svg enable-background="new 281.6 326.4 32 40.2" viewBox="281.6 326.4 32 40.2" xmlns="http://www.w3.org/2000/svg"><path d="m307.2 326.4h-7.4c-1.4 0-2.6 1.1-2.6 2.6s1.1 2.6 2.6 2.6h7.4c.7 0 1.3.6 1.3 1.3v27.4c0 .7-.6 1.3-1.3 1.3h-7.4c-1.4 0-2.6 1.1-2.6 2.6s1.1 2.6 2.6 2.6h7.4c3.5 0 6.4-2.9 6.4-6.4v-27.4c0-3.7-2.8-6.6-6.4-6.6z"/><path d="m284.2 349.1h11.6l-4.2 4.5c-1 1-.9 2.7.1 3.6 1 1 2.7.9 3.6-.1l8.2-8.8c0-.1.1-.1.1-.2s.1-.1.1-.2.1-.2.1-.2c0-.1.1-.1.1-.2s.1-.2.1-.3 0-.1.1-.2c0-.2 0-.3.1-.5 0-.2 0-.3-.1-.5 0-.1 0-.1-.1-.2 0-.1-.1-.2-.1-.3s-.1-.1-.1-.2-.1-.2-.1-.2c0-.1-.1-.1-.1-.2s-.1-.1-.1-.2l-8.1-8.8c-1-1-2.6-1.1-3.6-.1s-1.1 2.6-.1 3.6l4.2 4.5h-11.6c-1.4 0-2.6 1.1-2.6 2.6s1.1 2.6 2.5 2.6z"/></svg>

1
images/icone-login.svg

@ -0,0 +1 @@
<svg enable-background="new 281.6 246.1 32 38.9" viewBox="281.6 246.1 32 38.9" xmlns="http://www.w3.org/2000/svg"><path d="m309.5 285h-23.7c-2.3 0-4.1-1.8-4.1-4.1l.1-15c0-1.9 1.3-3.6 3.1-4v-2.9-.2c0-3.4 1.4-6.7 3.9-9.1 2.4-2.3 5.6-3.6 8.9-3.6h.3c6.8.2 12.4 6 12.4 13v2.8c1.9.4 3.4 2.1 3.4 4l-.1 15c-.1 2.3-2 4.1-4.2 4.1zm-8-11.9c0-2.1-1.7-3.8-3.9-3.8-2.1 0-3.8 1.7-3.8 3.9 0 2.1 1.7 3.8 3.8 3.8 2.2 0 3.9-1.7 3.9-3.9zm1.6-14.1c0-2.9-2.1-5.3-4.9-5.7-.2 0-.4 0-.7 0-1.4 0-2.7.5-3.7 1.4-1.2 1.1-1.8 2.6-1.9 4.1v3h11.1v-2.8z"/></svg>

1
images/icone-plugin.svg

@ -0,0 +1 @@
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="32px" id="Layer_1" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M2,16h2c1.104,0,2,0.896,2,2s-0.896,2-2,2H2c-0.958,0-2,0.771-2,2v8c0,1.1,0.9,2,2,2h8c0.984,0,2-0.771,2-2v-2 c0-1.104,0.896-2,2-2s2,0.896,2,2v2c0,1.063,0.875,2,2,2h6c1.1,0,2-0.9,2-2v-6c3.313,0,6-2.687,6-6s-2.687-6-6-6V8c0-1.1-0.9-2-2-2 h-4c0-3.313-2.687-6-6-6S8,2.687,8,6H2C0.9,6,0,6.9,0,8v6C0,15.021,0.813,16,2,16z M26,20h-4v8h-2c0-3.313-2.687-6-6-6s-6,2.687-6,6 H4v-4c3.313,0,6-2.687,6-6s-2.687-6-6-6v-2h8V6c0-1.104,0.896-2,2-2s2,0.896,2,2v4h6v6h4c1.104,0,2,0.896,2,2S27.104,20,26,20z"/></svg>

1
images/iconfinder_extension_326637.svg

@ -0,0 +1 @@
<?xml version="1.0" ?><svg height="23px" version="1.1" viewBox="0 0 23 23" width="23px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1"><g fill="#000000" id="Core" transform="translate(-253.000000, -211.000000)"><g id="extension" transform="translate(253.500000, 211.500000)"><path d="M18.5,10 L17,10 L17,6 C17,4.9 16.1,4 15,4 L11,4 L11,2.5 C11,1.1 9.9,0 8.5,0 C7.1,0 6,1.1 6,2.5 L6,4 L2,4 C0.9,4 0,4.9 0,6 L0,9.8 L1.5,9.8 C3,9.8 4.2,11 4.2,12.5 C4.2,14 3,15.2 1.5,15.2 L0,15.2 L0,19 C0,20.1 0.9,21 2,21 L5.8,21 L5.8,19.5 C5.8,18 7,16.8 8.5,16.8 C10,16.8 11.2,18 11.2,19.5 L11.2,21 L15,21 C16.1,21 17,20.1 17,19 L17,15 L18.5,15 C19.9,15 21,13.9 21,12.5 C21,11.1 19.9,10 18.5,10 L18.5,10 Z" id="Shape"/></g></g></g></svg>

24
inclure/forums/derniers_commentaires.html

@ -0,0 +1,24 @@
[(#REM) Liens des forums ]
<B_forums_liens>
#ANCRE_PAGINATION
<div class="menu-aside">
[<h2>(#ENV{titre}|sinon{<:derniers_commentaires:>})</h2>]
<ul class="list-reset">
<BOUCLE_forums_liens(FORUMS) {plat}{id_article?}{id_auteur?} {!par date} {pagination #ENV{pagine,5}}{0,30}>
<li>
<div id="comment#ID_FORUM" class="comment ligneSujet">
<div class="ligneSujet__description">
<INCLURE{fond=inclure/forums/publication-auteur, id_auteur, id_forum, id_thread, nom, date, lien_lang=#LANG, lien_lang_dir=#LANG_DIR} />
<a class="surlignable texte" href="#URL_FORUM{#ID_FORUM}[(#ID_THREAD|!={#ID_FORUM}|?{-#ID_THREAD})]">
[<strong class="titre">(#INFO_TITRE{#OBJET,#ID_OBJET}|couper{40})&nbsp;: </strong>]
[(#TEXTE|couper{200})]
</a>
</div>
</div>
</li>
</BOUCLE_forums_liens>
</ul>
[<p class='pagination'>(#PAGINATION{page})</p>]
</div>
</B_forums_liens>

19
inclure/forums/publication-auteur.html

@ -0,0 +1,19 @@
<div class="publication">
<div class="publication__logo">
[(#LOGO_AUTEUR|image_reduire{20,20}|sinon{#LOGO_ARTICLE|image_reduire{20,20}|image_alpha{50}})]
</div>
<div class="publication__auteur">
<BOUCLE_auteur(AUTEURS){tout}{id_auteur}>
[(#REM) on force l'affichage de la page appelee dans la langue et la dir de l'environnement global d'origine ]
[<a href="[(#URL_AUTEUR|parametre_url{lang,#ENV{lien_lang,''}}|parametre_url{dir,#ENV{lien_lang_dir,''}})]">(#NOM)</a>]
</BOUCLE_auteur>
[<strong class="non_auteur">(#NOM)</strong> ]
<//B_auteur>
</div>
<div class="publication_date">
<a href="#URL_FORUM{#ID_FORUM}[(#ID_THREAD|!={#ID_FORUM}|?{-#ID_THREAD})]" class="permalink" title="<:galactic_contrib:permalink|attribut_html:>">
<span class="fa fa-link" aria-hidden="true"></span>
<time class="published" datetime="[(#DATE|date_iso)]" title="[(#DATE|affdate_heure|attribut_html)]">[(#DATE|date_relative)]</time>
</a>
</div>
</div>

2
lang/pluginspip_fr.php

@ -82,6 +82,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'plugin_forums' => 'Messages de forum',
// T
'titre_menu_categories' => 'Catégories',
'titre_actualite' => 'Actualité @site@',
'titre_articles_recents' => 'Documentation récente',
'titre_editer_selection' => 'Editer la sélection',
@ -96,6 +97,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'titre_page_statistiques' => 'Statistiques',
'titre_page_telechargements' => 'Téléchargements',
'titre_page_valider_paquet' => 'Valider un paquet.xml',
'titre_page_ajouter_plugin' => 'Documenter un plugin',
'titre_rss_plugins' => 'Flux des plugins',
'titre_selection' => 'En vedette',
'titre_top_plugins' => 'Les @nb@ plus utilisés en @branche@',

19
nav/dist.html

@ -0,0 +1,19 @@
<B_rubriques>
<div class="">
<h2><:pluginspip:titre_menu_categories:></h2>
<ul class="contentNav__racine">
<BOUCLE_rubriques(RUBRIQUES) {racine}{!titre_mot = NonPlugin}{par num titre, multi titre}>
<li class="contentNav__rubrique contentNav__rubrique--racine[ (#EXPOSE|oui)ouverte active]">
<a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]><span>#TITRE</span></a>
<B_sous_rubriques>
<ul class="contentNav__menu">
<BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre, multi titre}><BOUCLE_test_expose(RUBRIQUES) {id_enfant}>#EXPOSE{' '}</BOUCLE_test_expose>
<li class="contentNav__rubrique[ (#EXPOSE|oui)ouverte active]"><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]><span>#TITRE</span></a><BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re> </li>
</B_test_expose></BOUCLE_sous_rubriques>
</ul>
</B_sous_rubriques>
</li>
</BOUCLE_rubriques>
</ul>
</div>
</B_rubriques>

247
scss/theme/forums.scss

@ -0,0 +1,247 @@
$largeur-enbref: em(72px);
$largeur-enbref-bordure: em(72px - 4px);
.article__forum {
padding-top: 3em;
background-color: white;
margin: 0;
.spip_surligne {
background: #B109BB;
}
}
.listeSujets, .listeReponses {
list-style-type: none;
margin-left: 0;
margin-top: 2em;
margin-bottom: 4em;
/* Comments déplace la réponse du formulaire */
.reponse_formulaire {
padding: 0.5em;
border: 1px solid;
font-weight: normal;
min-height: em(24px);
margin-bottom: 1em;
margin-top: 1em;
}
.reponse_formulaire_ok {
color: #264409;
border-color: #C6D880;
background-color: #E6EFC2;
}
.reponse_formulaire_erreur {
color: #8A1F11;
border-color: #FBC2C4;
background-color: #FBE3E4;
}
}
.nb_resultats {
margin-top: -1em;
margin-bottom: 3em;
font-size: .9em;
color: transparentize($couleur-texte, 20%);
margin-left: 1em;
}
.ligneSujet {
display: flex;
.ligneSujet__enbref {
font-size: .9em;
text-align: right;
width: $largeur-enbref;
@include vendor-prefix('flex', 0 0 $largeur-enbref); /* 999 votes */
padding-right: 1em;
margin-right: 1em;
border-right: 4px solid $couleur-gris5;
@include media($bp-xxsmall) {
display: none; /* TEMPORAIRE // TODO */
}
.categorie {
margin-top: .1em;
}
.nb_comments {
display: block;
.fa {
color: $couleur-gris4;
}
&.comments_0 .fa {
color: $couleur-nocomment;
}
}
}
.ligneSujet__enbref {
.nb_comments {
margin-bottom: 1em;
}
.resolu {
font-size: 2em;
}
.moderations {
margin-top: 1em;
.bouton_action_post {
display: block;
border: none;
font-size: 2em;
margin-right: .1em;
line-height: 1;
button {
border: none;
background: transparent;
padding: 0;
color: $couleur-bouton;
transition: color 0.3s;
}
&:not(:last-child) {
margin-bottom: .2em;
}
&.moderation-off button {
&:hover, &:focus {
color: $couleur-moderation-off !important;
background-color: transparent !important;
}
}
&.moderation-spam button {
&:hover, &:focus {
color: $couleur-moderation-spam !important;
background-color: transparent !important;
}
}
}
}
}
.ligneSujet__description {
@include vendor-prefix('flex-grow', 1);
overflow-wrap: break-word;
min-width: 0;
padding-bottom: 2em;
.titre {
margin-bottom: .3em;
}
.spip_documents {
margin: 1em;
}
}
/*
&:not(.complet) {
.ligneSujet__description {
p {
margin-bottom: 0;
}
}
}
&.complet .titre {
margin: 0 0 1em;
}
*/
.publication {
background: transparentize($couleur-gris5, 70%);
padding: .2em .3em;
margin: 0 0 .4em 0;
border-bottom: 2px solid $couleur-gris5;
display: flex;
@include vendor-prefix('flex-direction', 'row');
@include vendor-prefix('flex-wrap', 'wrap');
font-size: .9em;
.publication__logo {
width: 20px;
@include vendor-prefix('flex', '0 0 20px');
img {
vertical-align: top;
margin-top: 1px;
}
}
.publication__auteur {
margin-left: .5em;
@include vendor-prefix('flex-grow', 1);
}
.publication_date {
width: 12em;
@include vendor-prefix('flex', '0 0 12em');
text-align: right;
margin-left: auto;
abbr.published {
border-bottom: 0;
}
a.permalink {
color: $couleur-texte;
.fa {
color: $couleur-bouton-sombre;
margin-right: .5em;
transition: color 0.3s;
}
&:hover .fa {
color: $couleur-lien-hover;
}
}
@include media($bp-xxsmall) {
width: auto;
@include vendor-prefix('flex', '0 0 100%');
}
}
}
.texte p:last-child {
margin-bottom: 0;
}
/* message qui est une réponse, dans une liste d’intros */
.reponse {
display: flex;
@include vendor-prefix('flex-direction', 'row');
.link {
width: 2em;
@include vendor-prefix('flex', 0 0 2em);
a {
padding: .3em;
}
}
.message_reponse {
@include vendor-prefix('flex-grow', 1);
}
}
}
/** Colorier le .publication des premiers messages */
.listeSujets > .item > .ligneSujet {
.publication {
border-bottom: 4px solid $couleur-onglet-hover;
}
}
.listeReponses {
margin-top: 0;
}
.listeSujets > .item {
margin-bottom: 4em;
& > .comment-reply {
padding-left: calc(#{$largeur-enbref} + 1em);
margin-top: .5em;
}
& > .listeReponses + .comment-reply {
margin-top: -3.5em;
}
}
.comment-reply {
text-align: right;
}
/* liens sur derniers commentaires en colonne */
.ligneSujet a.texte {
display: block;
color: $couleur-texte;
transition: background-color .3s;
padding: .5em !important;
margin-top: -.5em;
&:hover, &:focus {
background-color: $couleur-gris5;
text-decoration: none;
}
}