Browse Source

amélioration du focus et de la manifestation des ancres à l'arrivée sur une page.

Inspiration : https://webaim.org/techniques/tables/data#prop mais il faudrait avoir des sections sur les blocs titrés dans le texte pour que ce soit encore plus ergonomique
master
RealET 2 months ago
parent
commit
70c193c638
  1. 2
      javascripts.js.html
  2. 6
      stylessoyezcreateurs.css.html

2
javascripts.js.html

@ -214,7 +214,7 @@ function myInitPages() {
[(#CONFIG{soyezcreateurs_layout/menuderoulant,replie}|=={replie}|oui)jp_expinit();]
// Surligner l'evenement en cours
var id_anchor = location.hash.substr(1); //Get the word after the hash from the url
if (id_anchor) jQuery('#'+id_anchor).parent().addClass('highlight_anchor'); // ajoute la classe highlight_anchor à l'element autour de l'ancre
if (id_anchor) jQuery('#'+id_anchor).addClass('highlight_anchor'); // ajoute la classe highlight_anchor à l'element autour de l'ancre
;
[(#CONFIG{soyezcreateurs/native_tooltips}|=={on}|non)
jQuery(function() { jQuery( document ).tooltip({

6
stylessoyezcreateurs.css.html

@ -1174,7 +1174,11 @@ table.agenda td.agendanotthismonth { background-color: [ #(#GET{c_menu_a_bk}|cou
dl.event { padding: 0; margin: 2em 0; }
.event dt { position: relative; left: 0; top: 1.1em; width: 7em; font-weight: bold; }
.event dd { padding: 0 0 .5em; padding-right:0; padding-left:.5em; margin: 0; margin-left:8em; border-left: 1px solid #000000; }
.highlight_anchor { background: [#(#GET{c_titraille_bk}|couleur_inverserluminosite{60,true})]; border: 1px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; padding: .5em; }
*:focus, .highlight_anchor { animation: highlight_anchor 2s; }
@keyframes highlight_anchor {
from {background-color: #ffff66; color: #000; }
to {background-color: inherit; color: inherit; }
}
.ical { float:right; }
/* Proposition d'evenement */

Loading…
Cancel
Save