Browse Source

Un début de formulaire de forum, et quelques traductions.

svn/root
marcimat@rezo.net 4 years ago
parent
commit
221505e619
  1. 4
      .gitattributes
  2. 2
      content/article.html
  3. 2
      content/thread.html
  4. 136
      formulaires/forum.html
  5. 15
      formulaires/inc-choix_mots.html
  6. 16
      formulaires/inc-forum_bloc_choix_mots.html
  7. 71
      formulaires/jaime_jaimepas.html
  8. 6
      galactic_forum_options.php
  9. 23
      inclure/bloc-messages.html
  10. 2
      inclure/presentation-message.html
  11. 26
      inclure/rubrique-statistiques.html
  12. 11
      lang/galactic_forum_fr.php
  13. 1
      paquet.xml
  14. 59
      scss/galactic_theme.scss

4
.gitattributes

@ -21,6 +21,10 @@ fonts/fontawesome-webfont.svg -text
fonts/fontawesome-webfont.ttf -text
fonts/fontawesome-webfont.woff -text
fonts/fontawesome-webfont.woff2 -text
formulaires/forum.html -text
formulaires/inc-choix_mots.html -text
formulaires/inc-forum_bloc_choix_mots.html -text
formulaires/jaime_jaimepas.html -text
/galactic_forum_fonctions.php -text
/galactic_forum_options.php -text
images/titre_site_logo.svg -text

2
content/article.html

@ -17,5 +17,5 @@
[<div class="extra ps"><div class="#EDIT{ps}">(#PS|image_reduire{120,0})</div></div>]
</article>
<INCLURE{fond=inclure/rubrique-statistiques, id_rubrique} />
<INCLURE{fond=inclure/rubrique-statistiques, id_article} />
</BOUCLE_art>

2
content/thread.html

@ -1,5 +1,5 @@
[(#REM)
Le thread existe et est publié,
]<BOUCLE_forum(FORUMS){objet=article}{id_forum}>
<INCLURE{fond=content/article,id_article} />
<INCLURE{fond=inclure/presentation-message,id_forum} />
</BOUCLE_forum>

136
formulaires/forum.html

@ -0,0 +1,136 @@
[(#REM)
Repris de Comments, mais adapté.
Quelques spécificités
- Seul un sujet peut définir un titre en plus du texte. Les réponses à un sujet ne le peuvent pas.
- Cependant, le titre est inséré (hidden) dans la réponse en sus.
- Les mots clés sont affichés, mais juste certains groupes (n°4 à 7).
- Les mots clés déjà cochés sur un message dans le fil de discussion ne sont pas représentés
- Pour une réponse, on affiche visible les mots clés du groupe 7 (résolu, clore) à cocher
- Pas de document
- Autosave activé
]<div class="formulaire_spip formulaire_forum ajax" id="formulaire_forum">
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[(#ENV{login_forum_abo})
<INCLURE{fond=formulaires/inc-login_forum_abo, env} />
]
<BOUCLE_mots(MOTS){forums.id_thread=#ENV{id_forum}}{si #ENV{id_forum}}{doublons mots}></BOUCLE_mots>
[(#ENV{editable})
[(#REM)
Bloc de previsualisation du forum envoye
Si on valide la previsu, on n'envoie pas en ajax car, si le post reussit
il faudra certainement redessiner toute la page pour afficher le nouveau
forum
][
<form action="#ENV{action}#formulaire_forum" method="post" class="preview">
<div>
[(#ACTION_FORMULAIRE{#ENV{action}})]
<input type='hidden' name='titre' value="#ENV{titre}"/>
<input type='hidden' name='texte' value="#ENV{texte}"/>
<input type='hidden' name='url_site' value="#ENV{url_site}"/>
<input type='hidden' name='nom_site' value="#ENV{nom_site}"/>
[<input type="hidden" name="id_forum" value="(#ENV*{id_forum})"/>]
[<input type="hidden" name="notification" value="(#ENV*{notification})"/>]
[(#INCLURE{fond=formulaires/inc-forum_ajouter_mot, ajouter_mot})]
(#ENV*{erreurs}|table_valeur{previsu})
</div>
</form>
]
<form action="#ENV{action}#formulaire_forum" method="post" enctype='multipart/form-data'>
<div>
#ACTION_FORMULAIRE
[<input type="hidden" name="id_forum" value="(#ENV*{id_forum})"/>]
[<fieldset class="moderation_info">
<legend><:forum:bouton_radio_modere_priori:></legend>
<p class="explication">(#ENV{modere})
<:comments:moderation_info:>
</p>
</fieldset>]
<INCLURE{fond=formulaires/inc-login_forum, env} />
<fieldset class="commentaire">
<legend><:comments:saisie_texte_legend:></legend>
[(#ENV{id_forum}|oui)<input type="hidden" class="text" name="titre" value="#ENV{titre}" />]
<div class="editer-groupe">
[(#ENV{id_forum}|non)
<div class='editer saisie_titre obligatoire[ (#ENV{erreurs/titre}|oui)erreur]'>
<label for="titre"><:forum:forum_titre:> <:info_obligatoire_02:></label>
[<span class='erreur_message'>(#ENV*{erreurs/titre})</span>]
<input type="text" class="text" name="titre" value="#ENV{titre}" />
</div>]
<div class='editer saisie_texte[ (#ENV{erreurs/texte}|oui)erreur] obligatoire'>
<label for='texte'><:forum:forum_texte|typo:></label>
[<span class='erreur_message'>(#ENV*{erreurs/texte})</span>]
<p class="explication"><:comments:saisie_texte_info:></p>
<textarea name="texte" rows="12" cols="60"[(#HTML5|oui)
required="required"][(#CONFIG{forums_afficher_barre}|=={non}|oui)
class="no_barre"]>[(#ENV{texte})]</textarea>
</div>
<div class="editer editer_mots">
<label for='texte'><:mots_clefs:></label>
<p class="explication"><:galactic_forum:info_tag_forum:></p>
[(#ENV{id_forum}|=={0}|non)
<div class='saisie_mots_forum'>
[(#INCLURE{fond=formulaires/inc-choix_mots, id_forum, id_groupe=7, ajouter_mot, doublons=mots, unseul})]
</div>
]
[<div class='saisie_mots_forum'>
(#INCLURE{fond=formulaires/inc-forum_bloc_choix_mots, table=#ENV*{table}, ajouter_mot, id_forum, id_article, doublons=mots})
</div>]
</div>
[(#PLUGIN{notifications}|oui)
#SET{name,notification}#SET{obli,''}#SET{defaut,1}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
<div class="editer pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">[
<span class='erreur_message'>(#GET{erreurs})</span>
]<input type="hidden" name="#GET{name}" value="0" />
#SET{val,1}
<div class="choix">
<input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|=={#ENV{#GET{name},#GET{defaut}}}|oui)checked="checked"] />
<label for="#GET{name}_#GET{val}"><:comments:label_notification:></label>
</div>
</div>
]
</div>
</fieldset>
[(#REM) Piege a robots spammeurs ]
<p style="display: none;">
<label for="nobot_forum"><:antispam_champ_vide:></label>
<input type="text" class="text" name="nobot" id="nobot_forum" value="#ENV{nobot}" size="10"/>
</p>
<p class="boutons"><input type="submit" class="submit" name="previsualiser_message" value="<:comments:submit1:>"/>[
(#ENV{forcer_previsu}|=={non}|et{#ENV*{erreurs}|table_valeur{previsu}|non}|oui)<input type="submit" class="submit" name="envoyer_message" value="<:forum:forum_envoyer:>" />]</p>
</div>
</form>
[(#REM)
Sauver les donnees du formulaire dans la session, si on quitte la page,
et proposer de les remettre quand on revient
]
<script type="text/javascript">
jQuery(function($){
$('#formulaire_forum form').autosave();
});
</script>
]
</div>

15
formulaires/inc-choix_mots.html

@ -0,0 +1,15 @@
<ul class="choix_mots">
<BOUCLE_mots(MOTS){id_groupe}{doublons mots} {id_mot!=1340} {par titre} >
<li class='saisie_mot'>
<input type="[(#ENV{unseul}|choixsiegal{oui,radio,checkbox})]" class="[(#ENV{unseul}|choixsiegal{oui,radio,checkbox})]" name="ajouter_mot[]" id="mot#ID_MOT" value="#ID_MOT" [(#ID_MOT|in_any{#ENV**{ajouter_mot}, ''}|?{'checked="checked"',''})] />
[<label for="mot#ID_MOT">(#TITRE)</label>]
</li>
</BOUCLE_mots>
<BOUCLE_clore(MOTS){id_mot=1340}{si #ENV{id_groupe=7}}{si #AUTORISER{controle_forum,forum,#ID_FORUM}}>
<li class='saisie_mot'>
<input type="[(#ENV{unseul}|choixsiegal{oui,radio,checkbox})]" class="[(#ENV{unseul}|choixsiegal{oui,radio,checkbox})]" name="ajouter_mot[]" id="mot#ID_MOT" value="#ID_MOT" [(#ID_MOT|in_any{#ENV**{ajouter_mot}, ''}|?{'checked="checked"',''})] />
[<label for="mot#ID_MOT">(#TITRE) <small>(<:ecrire:info_administrateurs:>)</small></label>]
</li>
</BOUCLE_clore>
</ul>

16
formulaires/inc-forum_bloc_choix_mots.html

@ -0,0 +1,16 @@
<BOUCLE_G(GROUPES_MOTS){id_groupe IN 3,4,5,6}{par num titre}>
<div class="voir_mots_groupe">
<strong class="titre_groupe">[(#TITRE|supprimer_numero)]</strong>
<INCLURE{fond=formulaires/inc-choix_mots, id_groupe, doublons, ajouter_mot, unseul} />
</div>
</BOUCLE_G>
<script type='text/javascript'>
jQuery(function($) {
var $liste = $('#formulaire_forum .voir_mots_groupe');
$liste.find('.choix_mots').hide();
$liste.find(' > .titre_groupe').addClass('depliable').click(function() {
$(this).toggleClass('ouverte').next().toggle();
});
});
</script>
</B_G>

71
formulaires/jaime_jaimepas.html

@ -0,0 +1,71 @@
<!--formulaire_notation-->
#SET{total,0}
<BOUCLE_note(NOTATIONS_OBJETS){objet=(#ENV*{_objet}|objet_type)}{id_objet=#ENV*{_id_objet}}>
#SET{total,#NOMBRE_VOTES}
</BOUCLE_note>
<div id="notation" class="formulaire_notation formulaire_#FORM ajax">
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[(#ENV**{editable}|oui)
<form action="#SELF" method="post" id="#FORM[(#ENV*{_form_id})]" enctype="multipart/form-data">
#ACTION_FORMULAIRE
<input type="hidden" name="notation_id_donnees" id="id_donnees[(#ENV*{_form_id})]" value="[(#ENV*{_id_objet})]" />
<input type="hidden" name="content" id="content[(#ENV*{_form_id})]" value="" />
<fieldset>
<legend class="invisible"><:galactic_forum:interetquestion:></legend>
<div>
[(#REM) ne pas envoyer une variable commencant par id_
sinon elle se retrouve dans l'url (fonctionnement normal de SPIP
du coup, prefixe par notation_
]
<div class="editer-groupe">
[(#ENV{id_notation}|non)
<div class="editer editer_note_plus">
<span class="invisible"><:galactic_forum:utile|attribut_html|ucfirst:> </span>
<input type="submit" class="submit jaime" name="jaime[(#ENV*{_form_id})]" value="+" title="<:galactic_forum:interetquestion|attribut_html:> : <:galactic_forum:utile|attribut_html:>" />
</div>
<div class="editer editer_note_moins">
<span class="invisible"><:galactic_forum:inutile|attribut_html|ucfirst:> </span>
<input type="submit" class="submit jaimepas" name="jaimepas[(#ENV*{_form_id})]" value="-" title="<:galactic_forum:interetquestion|attribut_html:> : <:galactic_forum:inutile|attribut_html:>" />
</div>
][(#ENV{id_notation}|oui)
<div class="editer editer_note_retirer">
<span class="invisible"><:notation:jechangedavis|attribut_html:> </span>
<input type="submit" class="submit jechangedavis" name="retirer[(#ENV*{_form_id})]" value="×" title="<:notation:jechangedavis|attribut_html:>" />
</div>
]
[(#GET{total}|>{0}|oui)
<div class="nb_votes" title="#GET{total}[ (#GET{total}|>{1}|?{<:notation:votes:>,<:notation:vote:>})]">
&nbsp;<span class="invisible">#GET{total}[ (#GET{total}|>{1}|?{<:notation:votes:>,<:notation:vote:>})]</span>
</div>
]
</div>
</div>
</fieldset>
</form>
]
</div>
<script type="text/javascript"><!--
jQuery(function($){
var $scrollnroll = $("#notation");
if ($("#accesrapide-contenu").offset().top - $(document).scrollTop()<0){
$scrollnroll.css({"position":"fixed"});
} else {
$scrollnroll.css({"position":"relative"});
}
$(document).scroll(function() {
if ($("#accesrapide-contenu").offset().top - $(document).scrollTop()<0){
$scrollnroll.css({"position":"fixed"});
} else {
$scrollnroll.css({"position":"relative"});
}
if ($("#rep").offset().top - $(document).scrollTop()<0){
//$scrollnroll.fadeOut("slow");
} else {
//$scrollnroll.show();
}
});
});
//--></script>

6
galactic_forum_options.php

@ -11,5 +11,7 @@ $GLOBALS['type_urls'] = 'trad';
// Ajouter la barre typo speciale (<code> et <cadre>)
$GLOBALS['barre_typo'] = 'forumspiporg';
// longueur max message
define('_FORUM_LONGUEUR_MINI', 3);
// longueur mini message
if (!defined('_FORUM_LONGUEUR_MINI')) {
define('_FORUM_LONGUEUR_MINI', 3);
}

23
inclure/bloc-messages.html

@ -1,25 +1,26 @@
<div class="onglets">
<a href="[(#SELF|parametre_url{onglet,''}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|non)on]" title="Derniers messages par discussion" rel="nofollow">
Messages / <span class="fa fa-comments-o" aria-hidden="true" title="Discussions"></span><span class="sr-only">Discussions</span>
<a href="[(#SELF|parametre_url{onglet,''}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|non)on]" title="<:galactic_forum:derniers_messages_par_discussion|attribut_html:>" rel="nofollow">
<:galactic_forum:messages:> / <span class="fa fa-comments-o" aria-hidden="true" title="<:galactic_forum:discussions|attribut_html:>"></span>
<span class="sr-only"><:galactic_forum:discussions:></span>
</a>
<a href="[(#SELF|parametre_url{onglet,sujets}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={sujets}|oui)on]" title="Derniers sujets ouverts" rel="nofollow">
Sujets
<a href="[(#SELF|parametre_url{onglet,sujets}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={sujets}|oui)on]" title="<:galactic_forum:derniers_sujets_ouverts|attribut_html:>" rel="nofollow">
<:galactic_forum:sujets:>
</a>
<a href="[(#SELF|parametre_url{onglet,messages}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={messages}|oui)on]" title="Derniers messages" rel="nofollow">
Messages
<a href="[(#SELF|parametre_url{onglet,messages}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={messages}|oui)on]" title="<:galactic_forum:derniers_messages|attribut_html:>" rel="nofollow">
<:galactic_forum:messages:>
</a>
<a href="[(#SELF|parametre_url{onglet,sujets_vides}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={sujets_vides}|oui)on]" title="<:galactic_forum:derniers_sujets_vides|attribut_html:>" rel="nofollow">
<span class="fa fa-comment sans_reponse" aria-hidden="true"></span>
Sans réponse
<:galactic_forum:sans_reponse:>
</a>
<a href="[(#SELF|parametre_url{onglet,sujets_notes}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={sujets_notes}|oui)on]" title="<:galactic_programmer:sujets_par_notes|attribut_html:>" rel="nofollow">
<a href="[(#SELF|parametre_url{onglet,sujets_notes}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={sujets_notes}|oui)on]" title="<:galactic_forum:sujets_par_notes|attribut_html:>" rel="nofollow">
<span class="fa fa-star votes" aria-hidden="true"></span>
Notes
<:galactic_forum:notes:>
</a>
<a href="[(#SELF|parametre_url{onglet,sujets_faq}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={sujets_faq}|oui)on]" title="<:galactic_programmer:sujets_par_notes|attribut_html:>" rel="nofollow">
<a href="[(#SELF|parametre_url{onglet,sujets_faq}|parametre_url{debut_forums,''})]" class="ajax[ (#ENV{onglet}|=={sujets_faq}|oui)on]" title="<:galactic_forum:sujets_resolus_par_notes|attribut_html:>" rel="nofollow">
<span class="fa fa-star faq" aria-hidden="true"></span>
FAQ
<:galactic_forum:faq:>
</a>
</div>

2
inclure/presentation-message.html

@ -15,7 +15,7 @@
<BOUCLE_compte(FORUMS){id_thread}{plat}{id_parent!=0} />#SET{nb_reponses,#TOTAL_BOUCLE}<//B_compte>
<BOUCLE_resolu(FORUMS){id_thread}{plat}{id_mot=1332}{0,1}>#SET{resolu,1}</BOUCLE_resolu>
<div class="ligneSujet[ (#ID_ARTICLE|forum_css_couleur)][ (#GET{nb_reponses}|>={1}|non)noreponse][ (#GET{resolu}|>={1}|non)resolu]">
<div id="forum#ID_FORUM" class="ligneSujet[ (#ID_ARTICLE|forum_css_couleur)][ (#GET{nb_reponses}|>={1}|non)noreponse][ (#GET{resolu}|>={1}|non)resolu]">
<div class="ligneSujet__enbref">
<div class="categorie">

26
inclure/rubrique-statistiques.html

@ -1,6 +1,11 @@
<div class="article__statut">
<p>
<BOUCLE_total_forum(FORUMS){articles.id_secteur?}{articles.id_rubrique?}{articles.statut = publie} />
<BOUCLE_total_forum(FORUMS)
{articles.id_secteur?}
{articles.id_rubrique?}
{articles.id_article?}
{articles.statut = publie}
/>
[<span class="nb_sujets">
<span class="fa fa-comments-o" aria-hidden="true"></span>
(#TOTAL_BOUCLE|singulier_ou_pluriel{galactic_forum:info_un_sujet_forum,galactic_forum:info_nb_sujets_forum})
@ -9,7 +14,13 @@
[(#REM) Nombre de sujets sur 365 jours ]
#SET{seuil,0}
<BOUCLE_total_forum_annee(FORUMS){articles.id_secteur?}{articles.id_rubrique?}{articles.statut = publie}{age <= 365} />
<BOUCLE_total_forum_annee(FORUMS)
{articles.id_secteur?}
{articles.id_rubrique?}
{articles.id_article?}
{articles.statut = publie}
{age <= 365}
/>
[<span class="nb_sujets_annee">
<:galactic_forum:en_un_an:>
<span class="fa fa-comments-o" aria-hidden="true"></span>
@ -25,10 +36,15 @@
Il ne faut compter que le nombre de thread pourtant.
]<BOUCLE_compte_resolus(FORUMS){plat}
{articles.id_secteur?}{articles.id_rubrique?}
{articles.statut='publie'}{id_mot==1332}{age <= 365}
{articles.id_secteur?}
{articles.id_rubrique?}
{articles.id_article?}
{articles.statut='publie'}
{id_mot==1332}
{age <= 365}
{fusion_supprimer}{fusion id_thread}
{si #GET{seuil}} />
{si #GET{seuil}}
/>
[(#TOTAL_BOUCLE|oui)
[(#SET{pourcentage,#TOTAL_BOUCLE|div{#GET{seuil}}|mult{100}|floor})]
<span class="nb_resolus">&bull;

11
lang/galactic_forum_fr.php

@ -27,11 +27,14 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'clos' => 'Ce fil de discussion est clos',
// D
'discussions' => 'Discussions',
'deplacer_dans' => 'Déplacer dans',
'derniere_connexion' => 'Dernière connexion :',
'derniers' => 'Derniers messages',
'derniers_messages' => 'Derniers messages',
'derniers_messages_par_discussion' => 'Derniers messages par discussion',
'derniers_sujets' => 'Derniers sujets',
'derniers_sujets_ouverts' => 'Derniers sujets ouverts',
'derniers_sujets_vides' => 'Derniers sujets sans réponse',
'download' => 'Télécharger la dernière version',
@ -93,7 +96,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'message_aucun' => 'Aucun message',
'message_un' => '1 message',
'messages_nb' => '@nb@ messages',
'messages' => 'messages',
'messages' => 'Messages',
'messages_auteur' => 'Messages de cet auteur :',
'messages_connexion' => 'Messages depuis la dernière connexion :',
@ -103,6 +106,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'nb_sujets_resolus' => 'Sujets résolus',
'nouvellequestion' => 'Poser une nouvelle question',
'nouvellereponse' => 'Répondre à la question',
'notes' => 'Notes',
// P
'page_utile' => 'Cette page vous a-t-elle été :',
@ -125,11 +129,14 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'resolu_non' => 'Non résolu',
// S
'sans_reponse' => 'Sans réponse',
'statut' => 'Statut :',
'suggestion' => 'Avant de continuer, avez-vous consulté les pages suivantes ? Elles contiennent peut-être la réponse que vous cherchez.',
'suivi_thread' => 'Syndiquer ce fil de forum',
'sujets' => 'Sujets',
'sujets_auteur' => 'Sujets de cet auteur :',
'sujets_par_note' => 'Sujets classés par nombre de notes',
'sujets_par_notes' => 'Sujets classés par nombre de notes',
'sujets_resolus_par_notes' => 'Sujets classés par nombre de notes',
// T
'thememessage' => 'Thème de ce forum :',

1
paquet.xml

@ -15,4 +15,5 @@
<licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GPL 3</licence>
<necessite nom="galactic" compatibilite="[1.0.0;]" />
<utilise nom="comments" compatibilite="[3.4.0;]" />
</paquet>

59
scss/galactic_theme.scss

@ -307,11 +307,16 @@
}
.formulaire_forum {
.saisie_texte_info {
font-size:.8;
code { }
.explication {
font-size:.8em;
}
.titre_groupe {
font-weight: normal;
display:inline-block;
}
.choix_mots {
margin-left:1em;
margin-bottom:1em;
columns:3;
@include media($bp-medium) {
columns:2;
@ -320,4 +325,52 @@
columns:1;
}
}
.editer_notification {
border: 1px solid #ddd;
border-radius: 5px;
background: rgba(255,255,255,.3);
padding-left: 1em;
margin-bottom: 0;
.choix label {
font-size: .9em;
}
}
fieldset.commentaire { margin-bottom: 0; }
}
.depliable {
position: relative;
margin-left:1em;
cursor: pointer;
&:before {
content: '';
position: absolute;
top: 0.5em;
transform: rotate(180deg);
left: -0.8em;
width: 0;
height: 0;
/* flèche à droite */
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 6px solid $couleur-nav-fleche;
transform: rotate(90deg);
transition-property: position, transform, border-color;
transition-duration: 0.2s;
}
&:not(.ouverte) {
&:hover:before,
&:focus:before {
border-bottom-color: $couleur-nav-fleche-hover;
}
}
&.ouverte {
&:before {
// triangle vers le bas
transform: rotate(180deg);
border-bottom-color: $couleur-nav-fleche-hover;
}
}
}
Loading…
Cancel
Save