Skip to content
Extraits de code Groupes Projets
Valider 39230759 rédigé par RealET's avatar RealET :kissing_cat:
Parcourir les fichiers

Un bug très surprenant propre à FireFox : si les tuiles avait une scrollbar,...

Un bug très surprenant propre à FireFox : si les tuiles avait une scrollbar, la navigation au clavier se retrouvait bloquée dedans.
Voir https://bugzilla.mozilla.org/show_bug.cgi?id=616594
Et https://stackoverflow.com/questions/3670911/how-to-prevent-a-box-with-overflow-y-scroll-from-stealing-the-focus-on-tab-on-f
parent d8b75e0e
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
...@@ -1660,7 +1660,7 @@ margin-bottom: 1em; ...@@ -1660,7 +1660,7 @@ margin-bottom: 1em;
} }
.grid-item .content-actus:hover, .grid-item .content-actus:hover,
.grid-item .content-actus:focus { .grid-item .content-actus:focus-within {
/* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */ /* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.2); background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.2);
-webkit-transition: all .25s ease; -webkit-transition: all .25s ease;
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<div id="annee_#YEAR" class="grid-item masonry-brick"> <div id="annee_#YEAR" class="grid-item masonry-brick">
<div class="content-actus alaune year"> <div class="content-actus alaune year">
[<img src="(#GET{logoyear}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] [<img src="(#GET{logoyear}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">[(#YEAR)]</span></div> <div class="h2" tabindex="-1"><span class="titre-actus">[(#YEAR)]</span></div>
</div> </div>
</div> </div>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<div class="grid-item masonry-brick"> <div class="grid-item masonry-brick">
<div class="content-actus alaune month"> <div class="content-actus alaune month">
[<img src="(#GET{logomonth}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] [<img src="(#GET{logomonth}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">[(#YEAR|concat{-,#_ListeMois:VALEUR#VAL,-01}|nom_mois|ucfirst)]</span></div> <div class="h2" tabindex="-1"><span class="titre-actus">[(#YEAR|concat{-,#_ListeMois:VALEUR#VAL,-01}|nom_mois|ucfirst)]</span></div>
</div> </div>
</div> </div>
<BOUCLE_ObjetsDuMois(DATA) <BOUCLE_ObjetsDuMois(DATA)
...@@ -61,13 +61,13 @@ ...@@ -61,13 +61,13 @@
{!par date} {!par date}
> >
<div class="grid-item masonry-brick[ (#CLASS)]"> <div class="grid-item masonry-brick[ (#CLASS)]">
<a href="#URL"[ title="(#DESCRIPTIF|attribut_html)"]> <div class="content-actus alaune[ (#COULEURRUBRIQUE)]">
<div class="content-actus alaune[ (#COULEURRUBRIQUE)]"> <a href="#URL"[ title="(#DESCRIPTIF|attribut_html)"]>
[<img src="(#LOGO|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] [<img src="(#LOGO|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">#TITRE[ <span class="secondary-information">((#TYPE))</span>]</span> <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE[ <span class="secondary-information">((#TYPE))</span>]</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div> <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</div> </a>
</a> </div>
</div> </div>
</BOUCLE_ObjetsDuMois> </BOUCLE_ObjetsDuMois>
......
...@@ -12,13 +12,13 @@ ...@@ -12,13 +12,13 @@
[(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] [(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})]
[(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] [(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
<div class="grid-item[ grid-item-x(#GET{facteur})]"> <div class="grid-item[ grid-item-x(#GET{facteur})]">
<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]> <div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreealaune(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriquealaune(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriquealaune></BOUCLE_RubriqueColoreealaune>">
<div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreealaune(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriquealaune(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriquealaune></BOUCLE_RubriqueColoreealaune>"> <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">#TITRE</span> <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div> <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</div> </a>
</a> </div>
</div> </div>
</BOUCLE_articles_recentsAlaUne> </BOUCLE_articles_recentsAlaUne>
<BOUCLE_Breves(BREVES){!par date}{age<120}{lang}> <BOUCLE_Breves(BREVES){!par date}{age<120}{lang}>
...@@ -35,13 +35,13 @@ ...@@ -35,13 +35,13 @@
[(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] [(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})]
[(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] [(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
<div class="grid-item[ grid-item-x(#GET{facteur})]"> <div class="grid-item[ grid-item-x(#GET{facteur})]">
<a href="#URL_BREVE"[ title="(#DESCRIPTIF|attribut_html)"]> <div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreeBreve(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueBreve(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueBreve></BOUCLE_RubriqueColoreeBreve>">
<div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreeBreve(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueBreve(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueBreve></BOUCLE_RubriqueColoreeBreve>"> <a href="#URL_BREVE"[ title="(#DESCRIPTIF|attribut_html)"]>
[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">#TITRE</span> <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div> <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</div> </a>
</a> </div>
</div> </div>
</BOUCLE_Breves> </BOUCLE_Breves>
<B_AgendaDerniersAjouts> <B_AgendaDerniersAjouts>
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
{lang} {lang}
> >
<BOUCLE_DernierEvenementArticle(ARTICLES){id_article}> <BOUCLE_DernierEvenementArticle(ARTICLES){id_article}>
<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]> <div class="content-actus #EDIT{titre}<BOUCLE_RubriqueColoreeactus(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueactus(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueactus></BOUCLE_RubriqueColoreeactus>">
<div class="content-actus #EDIT{titre}<BOUCLE_RubriqueColoreeactus(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueactus(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueactus></BOUCLE_RubriqueColoreeactus>"> <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
[<img src="(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{308,[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]}|extraire_attribut{src})" alt="" width="308" height="[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]" />] [<img src="(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{308,[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]}|extraire_attribut{src})" alt="" width="308" height="[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]" />]
<div class="agenda flexbox-flex"> <div class="agenda flexbox-flex">
<div class="date debutfin[(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[ (#HORAIRE|=={oui}|?{horaires,[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|!={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui|?{journees,journee})]})]][(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|non)journee]"> <div class="date debutfin[(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[ (#HORAIRE|=={oui}|?{horaires,[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|!={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui|?{journees,journee})]})]][(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|non)journee]">
...@@ -73,11 +73,11 @@ ...@@ -73,11 +73,11 @@
<span class="dateNombre display-block">[(#_AgendaDerniersAjouts:DATE_FIN|affdate{H:i})]</span>] <span class="dateNombre display-block">[(#_AgendaDerniersAjouts:DATE_FIN|affdate{H:i})]</span>]
</time>]]] </time>]]]
</div> </div>
<div class="h2"><span class="titre-actus">[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{#TITRE[&nbsp;: (#_AgendaDerniersAjouts:TITRE)],#TITRE})]</span> <div class="h2" tabindex="-1"><span class="titre-actus">[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{#TITRE[&nbsp;: (#_AgendaDerniersAjouts:TITRE)],#TITRE})]</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div> <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</div> </div>
</div> </a>
</a> </div>
</BOUCLE_DernierEvenementArticle> </BOUCLE_DernierEvenementArticle>
[(#COMPTEUR_BOUCLE|!={#TOTAL_BOUCLE}|oui) [(#COMPTEUR_BOUCLE|!={#TOTAL_BOUCLE}|oui)
[(#COMPTEUR_BOUCLE|alterner{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|match{^1}|?{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})],''})],[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})]})] [(#COMPTEUR_BOUCLE|alterner{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|match{^1}|?{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})],''})],[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})]})]
...@@ -103,13 +103,13 @@ ...@@ -103,13 +103,13 @@
[(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] [(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})]
[(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] [(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
<div class="grid-item[ grid-item-x(#GET{facteur})]"> <div class="grid-item[ grid-item-x(#GET{facteur})]">
<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> <div class="content-actus quoideneuf #EDIT{titre}<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>">
<div class="content-actus quoideneuf #EDIT{titre}<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>"> <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
[<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">#TITRE</span> <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div> <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</div> </a>
</a> </div>
</div> </div>
</BOUCLE_articles_QuoideNeuf> </BOUCLE_articles_QuoideNeuf>
<BOUCLE_Article_VideoALaUne(ARTICLES) <BOUCLE_Article_VideoALaUne(ARTICLES)
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter