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: trunk, fx
10:30
[fx] gc panel: tooltip position adjustment Closed-Leaf check-in: bdcc83efc0 user: olr tags: fx, dead, 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: trunk, core
2017-11-10
23:39
[fx] WebExt: version 0.6.0.7 (upload screwed up) check-in: 3f47514955 user: olr tags: trunk, fx

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

11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
}

.grammalecte_paragraph {
    margin: 0;
    padding: 10px;
    background-color: hsl(0, 0%, 96%);
    border-radius: 2px;
    line-height: normal;
    text-align: left;
    font-size: 14px;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    color: hsl(0, 0%, 0%);
}









|







11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
}

.grammalecte_paragraph {
    margin: 0;
    padding: 10px;
    background-color: hsl(0, 0%, 96%);
    border-radius: 2px;
    line-height: 1.4;
    text-align: left;
    font-size: 14px;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    color: hsl(0, 0%, 0%);
}


216
217
218
219
220
221
222
223
224
225
226
227
228

229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246

247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264

265
266
267
268
269
270

271
272
273
274
275

276
277
278
279
280
281
282

283
284
285
286
287
288

289
290
291
292
293
294
295
296
297
298
299

300
301
302
303
304
305
306
307
308
309
310

311
312
313
314
315
316
317

318
319
320
321
322
323
324

325
326
327
328
329
330
331
332
333
334
335
336
337

338
339
340
341
342
343
344
345
346
347
348
349
350

351
352
353
.grammalecte_error_ignored {
    background-color: hsla(30, 20%, 80%, 1);
}


/* elems */
.grammalecte_error_WORD {
    /*border-bottom: 2px solid hsl(0, 10%, 30%);*/
    background-color: hsl(0, 50%, 50%);
    color: hsl(0, 0%, 96%);
    /*text-decoration: underline wavy hsl(0, 50%, 50%);*/
}
.grammalecte_error_WORD:hover {

    background-color: hsl(0, 60%, 40%);
    color: hsl(0, 0%, 100%);
}

/* elems */
.grammalecte_error_typo, 
.grammalecte_error_esp, 
.grammalecte_error_nbsp, 
.grammalecte_error_eif, 
.grammalecte_error_maj, 
.grammalecte_error_virg, 
.grammalecte_error_tu, 
.grammalecte_error_num, 
.grammalecte_error_unit, 
.grammalecte_error_nf, 
.grammalecte_error_liga, 
.grammalecte_error_mapos, 
.grammalecte_error_chim {

    background-color: hsl(30, 70%, 50%);
    color: hsl(30, 10%, 96%);
    /*text-decoration: underline wavy hsl(30, 70%, 50%);*/
}

.grammalecte_error_typo:hover, 
.grammalecte_error_esp:hover, 
.grammalecte_error_nbsp:hover, 
.grammalecte_error_eif:hover, 
.grammalecte_error_maj:hover, 
.grammalecte_error_virg:hover, 
.grammalecte_error_tu:hover, 
.grammalecte_error_num:hover, 
.grammalecte_error_unit:hover, 
.grammalecte_error_nf:hover, 
.grammalecte_error_liga:hover, 
.grammalecte_error_mapos:hover, 
.grammalecte_error_chim:hover {

    background-color: hsl(30, 80%, 45%);
    color: hsl(30, 10%, 96%);
}

/* elems */
.grammalecte_error_apos {

    background-color: hsl(40, 90%, 50%);
    color: hsl(40, 10%, 96%);
    /*text-decoration: underline wavy hsl(40, 70%, 45%);*/
}
.grammalecte_error_apos:hover {

    background-color: hsl(40, 100%, 45%);
    color: hsl(40, 10%, 96%);
}

/* elems */
.grammalecte_error_gn,
.grammalecte_error_sgpl {

    background-color: hsl(210, 50%, 50%);
    color: hsl(210, 10%, 96%);
    /*text-decoration: underline wavy hsl(210, 50%, 50%);*/
}
.grammalecte_error_gn:hover,
.grammalecte_error_sgpl:hover {

    background-color: hsl(210, 60%, 40%);
    color: hsl(210, 10%, 96%);
}

/* elems */
.grammalecte_error_conj, 
.grammalecte_error_infi, 
.grammalecte_error_imp, 
.grammalecte_error_inte, 
.grammalecte_error_ppas, 
.grammalecte_error_vmode  {

    background-color: hsl(300, 30%, 40%);
    color: hsl(300, 10%, 96%);
    /*text-decoration: underline wavy hsl(300, 40%, 40%);*/
}

.grammalecte_error_conj:hover, 
.grammalecte_error_infi:hover, 
.grammalecte_error_imp:hover, 
.grammalecte_error_inte:hover, 
.grammalecte_error_ppas:hover, 
.grammalecte_error_vmode:hover {

    background-color: hsl(300, 40%, 30%);
    color: hsl(300, 10%, 96%);
}

/* elems */
.grammalecte_error_conf, 
.grammalecte_error_ocr {

    background-color: hsl(270, 40%, 30%);
    color: hsl(270, 10%, 96%);
    /*text-decoration: underline wavy hsl(270, 40%, 30%);*/
}

.grammalecte_error_conf:hover, 
.grammalecte_error_ocr:hover {

    background-color: hsl(270, 50%, 20%);
    color: hsl(270, 10%, 96%);
}

/* elems */
.grammalecte_error_bs, 
.grammalecte_error_pleo, 
.grammalecte_error_neg, 
.grammalecte_error_redon1, 
.grammalecte_error_redon2, 
.grammalecte_error_mc, 
.grammalecte_error_date, 
.grammalecte_error_notype {

    background-color: hsl(180, 50%, 40%);
    color: hsl(180, 10%, 96%);
    /*text-decoration: underline wavy hsl(180, 50%, 40%);*/
}

.grammalecte_error_bs:hover, 
.grammalecte_error_pleo:hover, 
.grammalecte_error_neg:hover, 
.grammalecte_error_redon1:hover, 
.grammalecte_error_redon2:hover, 
.grammalecte_error_mc:hover, 
.grammalecte_error_date:hover, 
.grammalecte_error_notype:hover {

    background-color: hsl(180, 60%, 30%);
    color: hsl(180, 10%, 96%);
}







|
|
|



>
|
|
















>
|
|
<















>
|
|




>
|
|
<


>
|
|





>
|
|
<



>
|
|









>
|
|
<








>
|
|





>
|
|
<




>
|
|











>
|
|
<










>
|
|

216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250

251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275

276
277
278
279
280
281
282
283
284
285
286
287
288

289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306

307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325

326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346

347
348
349
350
351
352
353
354
355
356
357
358
359
360
.grammalecte_error_ignored {
    background-color: hsla(30, 20%, 80%, 1);
}


/* elems */
.grammalecte_error_WORD {
    border-bottom: 2px solid hsl(0, 90%, 40%);
    background-color: hsl(0, 90%, 90%);
    color: hsl(0, 90%, 20%);
    /*text-decoration: underline wavy hsl(0, 50%, 50%);*/
}
.grammalecte_error_WORD:hover {
    border-bottom: 2px solid hsl(0, 90%, 30%);
    background-color: hsl(0, 100%, 85%);
    color: hsl(0, 90%, 20%);
}

/* elems */
.grammalecte_error_typo, 
.grammalecte_error_esp, 
.grammalecte_error_nbsp, 
.grammalecte_error_eif, 
.grammalecte_error_maj, 
.grammalecte_error_virg, 
.grammalecte_error_tu, 
.grammalecte_error_num, 
.grammalecte_error_unit, 
.grammalecte_error_nf, 
.grammalecte_error_liga, 
.grammalecte_error_mapos, 
.grammalecte_error_chim {
    border-bottom: 2px solid hsl(30, 100%, 40%);
    background-color: hsl(30, 100%, 90%);
    color: hsl(30, 90%, 20%);

}

.grammalecte_error_typo:hover, 
.grammalecte_error_esp:hover, 
.grammalecte_error_nbsp:hover, 
.grammalecte_error_eif:hover, 
.grammalecte_error_maj:hover, 
.grammalecte_error_virg:hover, 
.grammalecte_error_tu:hover, 
.grammalecte_error_num:hover, 
.grammalecte_error_unit:hover, 
.grammalecte_error_nf:hover, 
.grammalecte_error_liga:hover, 
.grammalecte_error_mapos:hover, 
.grammalecte_error_chim:hover {
    border-bottom: 2px solid hsl(30, 100%, 30%);
    background-color: hsl(30, 100%, 85%);
    color: hsl(30, 90%, 20%);
}

/* elems */
.grammalecte_error_apos {
    border-bottom: 2px solid hsl(50, 100%, 50%);
    background-color: hsl(50, 100%, 80%);
    color: hsl(50, 90%, 20%);

}
.grammalecte_error_apos:hover {
    border-bottom: 2px solid hsl(50, 100%, 45%);
    background-color: hsl(50, 100%, 75%);
    color: hsl(50, 90%, 20%);
}

/* elems */
.grammalecte_error_gn,
.grammalecte_error_sgpl {
    border-bottom: 2px solid hsl(210, 90%, 40%);
    background-color: hsl(210, 100%, 90%);
    color: hsl(210, 90%, 20%);

}
.grammalecte_error_gn:hover,
.grammalecte_error_sgpl:hover {
    border-bottom: 2px solid hsl(210, 90%, 30%);
    background-color: hsl(210, 100%, 85%);
    color: hsl(210, 90%, 20%);
}

/* elems */
.grammalecte_error_conj, 
.grammalecte_error_infi, 
.grammalecte_error_imp, 
.grammalecte_error_inte, 
.grammalecte_error_ppas, 
.grammalecte_error_vmode  {
    border-bottom: 2px solid hsl(240, 90%, 40%);
    background-color: hsl(240, 100%, 90%);
    color: hsl(240, 90%, 20%);

}

.grammalecte_error_conj:hover, 
.grammalecte_error_infi:hover, 
.grammalecte_error_imp:hover, 
.grammalecte_error_inte:hover, 
.grammalecte_error_ppas:hover, 
.grammalecte_error_vmode:hover {
    border-bottom: 2px solid hsl(240, 90%, 30%);
    background-color: hsl(240, 100%, 85%);
    color: hsl(240, 90%, 20%);
}

/* elems */
.grammalecte_error_conf, 
.grammalecte_error_ocr {
    border-bottom: 2px solid hsl(270, 90%, 40%);
    background-color: hsl(270, 100%, 90%);
    color: hsl(270, 90%, 20%);

}

.grammalecte_error_conf:hover, 
.grammalecte_error_ocr:hover {
    border-bottom: 2px solid hsl(270, 90%, 30%);
    background-color: hsl(270, 100%, 85%);
    color: hsl(270, 90%, 20%);
}

/* elems */
.grammalecte_error_bs, 
.grammalecte_error_pleo, 
.grammalecte_error_neg, 
.grammalecte_error_redon1, 
.grammalecte_error_redon2, 
.grammalecte_error_mc, 
.grammalecte_error_date, 
.grammalecte_error_notype {
    border-bottom: 2px solid hsl(180, 90%, 40%);
    background-color: hsl(180, 100%, 90%);
    color: hsl(180, 90%, 20%);

}

.grammalecte_error_bs:hover, 
.grammalecte_error_pleo:hover, 
.grammalecte_error_neg:hover, 
.grammalecte_error_redon1:hover, 
.grammalecte_error_redon2:hover, 
.grammalecte_error_mc:hover, 
.grammalecte_error_date:hover, 
.grammalecte_error_notype:hover {
    border-bottom: 2px solid hsl(180, 90%, 30%);
    background-color: hsl(180, 100%, 85%);
    color: hsl(180, 90%, 20%);
}

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

306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
    }

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







|

|







306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
    }

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