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
Masquer les modifications d'espaces
En ligne Côte à côte
css/inc_stylessoyezcreateurs.css.html
+ 1
− 1
Voir le fichier @ 39230759
......@@ -1660,7 +1660,7 @@ margin-bottom: 1em;
}
.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)]) */
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;
......
noisettes/plan/inc_antichrono_grid.html
+ 7
− 7
Voir le fichier @ 39230759
......@@ -40,7 +40,7 @@
<div id="annee_#YEAR" class="grid-item masonry-brick">
<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}" />]
<div class="h2"><span class="titre-actus">[(#YEAR)]</span></div>
<div class="h2" tabindex="-1"><span class="titre-actus">[(#YEAR)]</span></div>
</div>
</div>
......@@ -51,7 +51,7 @@
<div class="grid-item masonry-brick">
<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}" />]
<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>
<BOUCLE_ObjetsDuMois(DATA)
......@@ -61,13 +61,13 @@
{!par date}
>
<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}" />]
<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>
</div>
</a>
</a>
</div>
</div>
</BOUCLE_ObjetsDuMois>
......
noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html
+ 20
− 20
Voir le fichier @ 39230759
......@@ -12,13 +12,13 @@
[(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})]
[(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
<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}" />]
<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>
</div>
</a>
</a>
</div>
</div>
</BOUCLE_articles_recentsAlaUne>
<BOUCLE_Breves(BREVES){!par date}{age<120}{lang}>
......@@ -35,13 +35,13 @@
[(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})]
[(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
<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}" />]
<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>
</div>
</a>
</a>
</div>
</div>
</BOUCLE_Breves>
<B_AgendaDerniersAjouts>
......@@ -55,8 +55,8 @@
{lang}
>
<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})]" />]
<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]">
......@@ -73,11 +73,11 @@
<span class="dateNombre display-block">[(#_AgendaDerniersAjouts:DATE_FIN|affdate{H:i})]</span>]
</time>]]]
</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>
</div>
</div>
</a>
</a>
</div>
</BOUCLE_DernierEvenementArticle>
[(#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">'})]})]
......@@ -103,13 +103,13 @@
[(#FORMATQUOI2NEUF|=={2}|?{#SET{facteur,2}#SET{largeur,638}})]
[(#FORMATQUOI2NEUF|=={3}|?{#SET{facteur,3}#SET{largeur,969}})]
<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}" />]
<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>
</div>
</a>
</a>
</div>
</div>
</BOUCLE_articles_QuoideNeuf>
<BOUCLE_Article_VideoALaUne(ARTICLES)
......
0% 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

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site