Grammalecte  Check-in [b2ff105df5]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:[fx] gc panel, conjugueur: ui adjustments
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk | fx
Files: files | file ages | folders
SHA3-256:b2ff105df5fcb6bcff9849a16ef43cff8fe568d048d0c7b5a5cdf885b0ec11d6
User & Date: olr 2019-05-12 16:47:00
Context
2019-05-12
17:00
[fr] faux positif check-in: a82ca1439e user: olr tags: fr, trunk
16:47
[fx] gc panel, conjugueur: ui adjustments check-in: b2ff105df5 user: olr tags: fx, trunk
15:11
[fr] erreur sur le filtre des entrées acceptables pour Hunspell -> rebuild check-in: 6ea1a49208 user: olr tags: fr, trunk
Changes

Changes to gc_lang/fr/webext/content_scripts/html_src.js.

     8      8   
     9      9       @Reviewers:
    10     10       This file only defines HTML nodes in const values
    11     11   */
    12     12   
    13     13   
    14     14   const sGrammalecteConjugueurHTML = `
    15         -    <div style="float: right; margin: 10px 30px 0 0">
           15  +    <div class="centered_bar">
    16     16           <input type="text" id="grammalecte_conj_verb" maxlength="40" value="" placeholder="entrez un verbe" autofocus />
    17     17           <div id="grammalecte_conj_button">Conjuguer</div>
    18     18       </div>
    19     19   
    20     20       <div class="grammalecte_clearer"></div>
    21     21   
    22     22       <h1 class="grammalecte_conj_title" id="grammalecte_conj_verb_title" class="center">&nbsp;</h1>

Changes to gc_lang/fr/webext/content_scripts/panel_conj.css.

     1      1   /*
     2      2      CSS Document
     3      3   */
            4  +
            5  +div#grammalecte_conj_panel_content {
            6  +    padding: 20px 0;
            7  +    width: 100%;
            8  +}
            9  +
           10  +div.centered_bar {
           11  +    display: flex;
           12  +    justify-content: center;
           13  +    align-items: stretch;
           14  +    width: 500px;
           15  +    margin: 0 auto;
           16  +}
     4     17   
     5     18   div.grammalecte_clearer {
     6     19       clear: both;
     7     20       font-size: 0;
     8     21       height: 0;
     9     22   }
    10     23   
................................................................................
    63     76       color: hsl(0, 0%, 70%);
    64     77   }
    65     78   
    66     79   div#grammalecte_conj_button {
    67     80       display: inline-block;
    68     81       padding: 7px 10px;
    69     82       font-size: 18px;
    70         -    background-color: hsl(0, 30%, 30%);
    71         -    color: hsl(0, 30%, 60%);
           83  +    background-color: hsl(210, 30%, 50%);
           84  +    color: hsl(210, 30%, 80%);
    72     85       border-radius: 3px;
    73     86       text-transform: uppercase;
    74     87       text-align: center;
    75     88       text-decoration: none;
    76     89       cursor: pointer;
    77     90   }
    78     91   div#grammalecte_conj_button:hover {
    79         -    background-color: hsl(0, 60%, 40%);
    80         -    color: hsl(0, 60%, 70%);
    81         -    box-shadow: 0 0 2px hsl(0, 60%, 50%);
           92  +    background-color: hsl(210, 60%, 40%);
           93  +    color: hsl(210, 60%, 90%);
           94  +    box-shadow: 0 0 2px hsl(210, 60%, 50%);
    82     95   }
    83     96   
    84     97   div#grammalecte_conj_options {
    85     98       margin: 10px 0 0 5px;
    86     99       font-size: 16px;
    87    100       text-align: center;
    88    101   }

Changes to gc_lang/fr/webext/content_scripts/panel_gc.css.

     1      1   /*
     2      2       Grammar checker
     3      3   */
     4      4   div#grammalecte_gc_panel_content {
     5      5       position: absolute;
     6      6       height: 100%;
            7  +    width: 100%;
     7      8       margin: 0;
     8      9       overflow: auto;
     9     10   }
    10     11   
    11     12   div.grammalecte_paragraph_block {
    12     13       margin: 5px 5px 0 5px;
    13     14   }

Changes to gc_lang/fr/webext/content_scripts/panel_gc.js.

   152    152           });
   153    153       }
   154    154   
   155    155       showEditor () {
   156    156           this.switchContentOn(this.xGCPanelContent, this.xEditorButton);
   157    157           this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
   158    158           this.switchContentOff(this.xConjPanelContent, this.xConjButton);
          159  +        this.xPanel.style.background = "";
   159    160       }
   160    161   
   161    162       showLexicographer () {
   162    163           this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
   163    164           this.switchContentOn(this.xLxgPanelContent, this.xLxgButton);
   164    165           this.switchContentOff(this.xConjPanelContent, this.xConjButton);
          166  +        this.xPanel.style.background = "";
   165    167       }
   166    168   
   167    169       showConjugueur () {
   168    170           this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
   169    171           this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
   170    172           this.switchContentOn(this.xConjPanelContent, this.xConjButton);
          173  +        this.xPanel.style.background = "linear-gradient(to bottom, hsla(0,0%,100%,1) 0%, hsla(0,0%,95%,1) 55%, hsla(0,0%,90%,1) 100%)";
   171    174           this.listenConj();
   172    175           if (!this.sVerb) {
   173    176               this.conjugateVerb("être");
   174    177           }
   175    178       }
   176    179   
   177    180       switchContentOn (xContent, xNodeButton) {

Changes to gc_lang/fr/webext/content_scripts/panel_lxg.css.

     1      1   /*
     2      2       Lexicographer
     3      3   */
     4      4   div#grammalecte_lxg_panel_content {
     5      5       display: none;
     6      6       position: absolute;
     7      7       height: 100%;
            8  +    width: 100%;
     8      9       font-size: 13px;
     9     10   }
    10     11   
    11     12   div.grammalecte_lxg_list_of_tokens {
    12     13       margin: 10px 5px 0 5px;
    13     14       padding: 10px;
    14     15       background-color: hsla(0, 0%, 95%, 1);

Changes to gc_lang/fr/webext/panel/conjugueur.css.

   125    125   input[placeholder]#verb {
   126    126       color: hsl(0, 0%, 70%);
   127    127   }
   128    128   
   129    129   #conjugate {
   130    130       display: inline-block;
   131    131       padding: 7px 10px;
   132         -    font-size: 20px;
   133         -    background-color: hsl(0, 30%, 30%);
   134         -    color: hsl(0, 30%, 60%);
          132  +    font-size: 18px;
          133  +    background-color: hsl(210, 30%, 50%);
          134  +    color: hsl(210, 30%, 80%);
   135    135       border-radius: 3px;
   136    136       text-transform: uppercase;
   137    137       text-align: center;
   138    138       text-decoration: none;
   139    139       cursor: pointer;
   140    140   }
   141    141   #conjugate:hover {
   142         -    background-color: hsl(0, 60%, 40%);
   143         -    color: hsl(0, 60%, 70%);
   144         -    box-shadow: 0 0 2px hsl(0, 60%, 50%);
          142  +    background-color: hsl(210, 60%, 40%);
          143  +    color: hsl(210, 60%, 90%);
          144  +    box-shadow: 0 0 2px hsl(210, 60%, 50%);
   145    145   }
   146    146   
   147    147   #options {
   148    148       margin: 10px 0 0 5px;
   149    149       font-size: 16px;
   150    150       text-align: center;
   151    151   }