Grammalecte  Changes On Branch bdcc83efc097a3bb

Changes In Branch gc_colors Excluding Merge-Ins

This is equivalent to a diff from 95d9c959ba to bdcc83efc0

2017-11-12
10:59
[fx] CSS protection for hyphenation check-in: 25276d751a user: olr tags: fx, trunk
10:30
[fx] gc panel: tooltip position adjustment Closed-Leaf check-in: bdcc83efc0 user: olr tags: dead, fx, gc_colors
2017-11-11
22:15
[fx] less contrast for gc colors check-in: 9623e82f75 user: olr tags: fx, gc_colors
09:45
[core] ibdawg: remove action logging check-in: 95d9c959ba user: olr tags: core, trunk
2017-11-10
23:39
[fx] WebExt: version 0.6.0.7 (upload screwed up) check-in: 3f47514955 user: olr tags: fx, trunk

Modified gc_lang/fr/webext/content_scripts/panel_gc.css from [da1111188c] to [0dce540f0f].

    11     11   }
    12     12   
    13     13   .grammalecte_paragraph {
    14     14       margin: 0;
    15     15       padding: 10px;
    16     16       background-color: hsl(0, 0%, 96%);
    17     17       border-radius: 2px;
    18         -    line-height: normal;
           18  +    line-height: 1.4;
    19     19       text-align: left;
    20     20       font-size: 14px;
    21     21       font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    22     22       color: hsl(0, 0%, 0%);
    23     23   }
    24     24   
    25     25   
................................................................................
   216    216   .grammalecte_error_ignored {
   217    217       background-color: hsla(30, 20%, 80%, 1);
   218    218   }
   219    219   
   220    220   
   221    221   /* elems */
   222    222   .grammalecte_error_WORD {
   223         -    /*border-bottom: 2px solid hsl(0, 10%, 30%);*/
   224         -    background-color: hsl(0, 50%, 50%);
   225         -    color: hsl(0, 0%, 96%);
          223  +    border-bottom: 2px solid hsl(0, 90%, 40%);
          224  +    background-color: hsl(0, 90%, 90%);
          225  +    color: hsl(0, 90%, 20%);
   226    226       /*text-decoration: underline wavy hsl(0, 50%, 50%);*/
   227    227   }
   228    228   .grammalecte_error_WORD:hover {
   229         -    background-color: hsl(0, 60%, 40%);
   230         -    color: hsl(0, 0%, 100%);
          229  +    border-bottom: 2px solid hsl(0, 90%, 30%);
          230  +    background-color: hsl(0, 100%, 85%);
          231  +    color: hsl(0, 90%, 20%);
   231    232   }
   232    233   
   233    234   /* elems */
   234    235   .grammalecte_error_typo, 
   235    236   .grammalecte_error_esp, 
   236    237   .grammalecte_error_nbsp, 
   237    238   .grammalecte_error_eif, 
................................................................................
   240    241   .grammalecte_error_tu, 
   241    242   .grammalecte_error_num, 
   242    243   .grammalecte_error_unit, 
   243    244   .grammalecte_error_nf, 
   244    245   .grammalecte_error_liga, 
   245    246   .grammalecte_error_mapos, 
   246    247   .grammalecte_error_chim {
   247         -    background-color: hsl(30, 70%, 50%);
   248         -    color: hsl(30, 10%, 96%);
   249         -    /*text-decoration: underline wavy hsl(30, 70%, 50%);*/
          248  +    border-bottom: 2px solid hsl(30, 100%, 40%);
          249  +    background-color: hsl(30, 100%, 90%);
          250  +    color: hsl(30, 90%, 20%);
   250    251   }
   251    252   
   252    253   .grammalecte_error_typo:hover, 
   253    254   .grammalecte_error_esp:hover, 
   254    255   .grammalecte_error_nbsp:hover, 
   255    256   .grammalecte_error_eif:hover, 
   256    257   .grammalecte_error_maj:hover, 
................................................................................
   258    259   .grammalecte_error_tu:hover, 
   259    260   .grammalecte_error_num:hover, 
   260    261   .grammalecte_error_unit:hover, 
   261    262   .grammalecte_error_nf:hover, 
   262    263   .grammalecte_error_liga:hover, 
   263    264   .grammalecte_error_mapos:hover, 
   264    265   .grammalecte_error_chim:hover {
   265         -    background-color: hsl(30, 80%, 45%);
   266         -    color: hsl(30, 10%, 96%);
          266  +    border-bottom: 2px solid hsl(30, 100%, 30%);
          267  +    background-color: hsl(30, 100%, 85%);
          268  +    color: hsl(30, 90%, 20%);
   267    269   }
   268    270   
   269    271   /* elems */
   270    272   .grammalecte_error_apos {
   271         -    background-color: hsl(40, 90%, 50%);
   272         -    color: hsl(40, 10%, 96%);
   273         -    /*text-decoration: underline wavy hsl(40, 70%, 45%);*/
          273  +    border-bottom: 2px solid hsl(50, 100%, 50%);
          274  +    background-color: hsl(50, 100%, 80%);
          275  +    color: hsl(50, 90%, 20%);
   274    276   }
   275    277   .grammalecte_error_apos:hover {
   276         -    background-color: hsl(40, 100%, 45%);
   277         -    color: hsl(40, 10%, 96%);
          278  +    border-bottom: 2px solid hsl(50, 100%, 45%);
          279  +    background-color: hsl(50, 100%, 75%);
          280  +    color: hsl(50, 90%, 20%);
   278    281   }
   279    282   
   280    283   /* elems */
   281    284   .grammalecte_error_gn,
   282    285   .grammalecte_error_sgpl {
   283         -    background-color: hsl(210, 50%, 50%);
   284         -    color: hsl(210, 10%, 96%);
   285         -    /*text-decoration: underline wavy hsl(210, 50%, 50%);*/
          286  +    border-bottom: 2px solid hsl(210, 90%, 40%);
          287  +    background-color: hsl(210, 100%, 90%);
          288  +    color: hsl(210, 90%, 20%);
   286    289   }
   287    290   .grammalecte_error_gn:hover,
   288    291   .grammalecte_error_sgpl:hover {
   289         -    background-color: hsl(210, 60%, 40%);
   290         -    color: hsl(210, 10%, 96%);
          292  +    border-bottom: 2px solid hsl(210, 90%, 30%);
          293  +    background-color: hsl(210, 100%, 85%);
          294  +    color: hsl(210, 90%, 20%);
   291    295   }
   292    296   
   293    297   /* elems */
   294    298   .grammalecte_error_conj, 
   295    299   .grammalecte_error_infi, 
   296    300   .grammalecte_error_imp, 
   297    301   .grammalecte_error_inte, 
   298    302   .grammalecte_error_ppas, 
   299    303   .grammalecte_error_vmode  {
   300         -    background-color: hsl(300, 30%, 40%);
   301         -    color: hsl(300, 10%, 96%);
   302         -    /*text-decoration: underline wavy hsl(300, 40%, 40%);*/
          304  +    border-bottom: 2px solid hsl(240, 90%, 40%);
          305  +    background-color: hsl(240, 100%, 90%);
          306  +    color: hsl(240, 90%, 20%);
   303    307   }
   304    308   
   305    309   .grammalecte_error_conj:hover, 
   306    310   .grammalecte_error_infi:hover, 
   307    311   .grammalecte_error_imp:hover, 
   308    312   .grammalecte_error_inte:hover, 
   309    313   .grammalecte_error_ppas:hover, 
   310    314   .grammalecte_error_vmode:hover {
   311         -    background-color: hsl(300, 40%, 30%);
   312         -    color: hsl(300, 10%, 96%);
          315  +    border-bottom: 2px solid hsl(240, 90%, 30%);
          316  +    background-color: hsl(240, 100%, 85%);
          317  +    color: hsl(240, 90%, 20%);
   313    318   }
   314    319   
   315    320   /* elems */
   316    321   .grammalecte_error_conf, 
   317    322   .grammalecte_error_ocr {
   318         -    background-color: hsl(270, 40%, 30%);
   319         -    color: hsl(270, 10%, 96%);
   320         -    /*text-decoration: underline wavy hsl(270, 40%, 30%);*/
          323  +    border-bottom: 2px solid hsl(270, 90%, 40%);
          324  +    background-color: hsl(270, 100%, 90%);
          325  +    color: hsl(270, 90%, 20%);
   321    326   }
   322    327   
   323    328   .grammalecte_error_conf:hover, 
   324    329   .grammalecte_error_ocr:hover {
   325         -    background-color: hsl(270, 50%, 20%);
   326         -    color: hsl(270, 10%, 96%);
          330  +    border-bottom: 2px solid hsl(270, 90%, 30%);
          331  +    background-color: hsl(270, 100%, 85%);
          332  +    color: hsl(270, 90%, 20%);
   327    333   }
   328    334   
   329    335   /* elems */
   330    336   .grammalecte_error_bs, 
   331    337   .grammalecte_error_pleo, 
   332    338   .grammalecte_error_neg, 
   333    339   .grammalecte_error_redon1, 
   334    340   .grammalecte_error_redon2, 
   335    341   .grammalecte_error_mc, 
   336    342   .grammalecte_error_date, 
   337    343   .grammalecte_error_notype {
   338         -    background-color: hsl(180, 50%, 40%);
   339         -    color: hsl(180, 10%, 96%);
   340         -    /*text-decoration: underline wavy hsl(180, 50%, 40%);*/
          344  +    border-bottom: 2px solid hsl(180, 90%, 40%);
          345  +    background-color: hsl(180, 100%, 90%);
          346  +    color: hsl(180, 90%, 20%);
   341    347   }
   342    348   
   343    349   .grammalecte_error_bs:hover, 
   344    350   .grammalecte_error_pleo:hover, 
   345    351   .grammalecte_error_neg:hover, 
   346    352   .grammalecte_error_redon1:hover, 
   347    353   .grammalecte_error_redon2:hover, 
   348    354   .grammalecte_error_mc:hover, 
   349    355   .grammalecte_error_date:hover, 
   350    356   .grammalecte_error_notype:hover {
   351         -    background-color: hsl(180, 60%, 30%);
   352         -    color: hsl(180, 10%, 96%);
          357  +    border-bottom: 2px solid hsl(180, 90%, 30%);
          358  +    background-color: hsl(180, 100%, 85%);
          359  +    color: hsl(180, 90%, 20%);
   353    360   }

Modified gc_lang/fr/webext/content_scripts/panel_gc.js from [a6cbda9c1f] to [f536efd70e].

   306    306       }
   307    307   
   308    308       show (sNodeErrorId) {  // err
   309    309           try {
   310    310               let xNodeErr = document.getElementById(sNodeErrorId);
   311    311               this.sErrorId = xNodeErr.dataset.error_id; // we store error_id here to know if spell_suggestions are given to the right word.
   312    312               let nLimit = oGrammalecte.oGCPanel.getWidth() - 330; // paragraph width - tooltip width
   313         -            this.xTooltipArrow.style.top = (xNodeErr.offsetTop + 16) + "px";
          313  +            this.xTooltipArrow.style.top = (xNodeErr.offsetTop + 18) + "px";
   314    314               this.xTooltipArrow.style.left = (xNodeErr.offsetLeft + Math.floor((xNodeErr.offsetWidth / 2))-4) + "px"; // 4 is half the width of the arrow.
   315         -            this.xTooltip.style.top = (xNodeErr.offsetTop + 20) + "px";
          315  +            this.xTooltip.style.top = (xNodeErr.offsetTop + 22) + "px";
   316    316               this.xTooltip.style.left = (xNodeErr.offsetLeft > nLimit) ? nLimit + "px" : xNodeErr.offsetLeft + "px";
   317    317               if (xNodeErr.dataset.error_type === "grammar") {
   318    318                   // grammar error
   319    319                   if (xNodeErr.dataset.gc_message.includes(" ##")) {
   320    320                       let n = xNodeErr.dataset.gc_message.indexOf(" ##");
   321    321                       document.getElementById("grammalecte_tooltip_message").textContent = xNodeErr.dataset.gc_message.slice(0, n);
   322    322                       document.getElementById("grammalecte_tooltip_rule_id").textContent = "Règle : " + xNodeErr.dataset.gc_message.slice(n+2);