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
9
10
11
12
13
14
15
16
17
18
19
20
21
22

    @Reviewers:
    This file only defines HTML nodes in const values
*/


const sGrammalecteConjugueurHTML = `
    <div style="float: right; margin: 10px 30px 0 0">
        <input type="text" id="grammalecte_conj_verb" maxlength="40" value="" placeholder="entrez un verbe" autofocus />
        <div id="grammalecte_conj_button">Conjuguer</div>
    </div>

    <div class="grammalecte_clearer"></div>

    <h1 class="grammalecte_conj_title" id="grammalecte_conj_verb_title" class="center">&nbsp;</h1>







|







8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

    @Reviewers:
    This file only defines HTML nodes in const values
*/


const sGrammalecteConjugueurHTML = `
    <div class="centered_bar">
        <input type="text" id="grammalecte_conj_verb" maxlength="40" value="" placeholder="entrez un verbe" autofocus />
        <div id="grammalecte_conj_button">Conjuguer</div>
    </div>

    <div class="grammalecte_clearer"></div>

    <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
2
3













4
5
6
7
8
9
10
..
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
/*
   CSS Document
*/














div.grammalecte_clearer {
    clear: both;
    font-size: 0;
    height: 0;
}

................................................................................
    color: hsl(0, 0%, 70%);
}

div#grammalecte_conj_button {
    display: inline-block;
    padding: 7px 10px;
    font-size: 18px;
    background-color: hsl(0, 30%, 30%);
    color: hsl(0, 30%, 60%);
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
div#grammalecte_conj_button:hover {
    background-color: hsl(0, 60%, 40%);
    color: hsl(0, 60%, 70%);
    box-shadow: 0 0 2px hsl(0, 60%, 50%);
}

div#grammalecte_conj_options {
    margin: 10px 0 0 5px;
    font-size: 16px;
    text-align: center;
}



>
>
>
>
>
>
>
>
>
>
>
>
>







 







|
|







|
|
|







1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
..
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
/*
   CSS Document
*/

div#grammalecte_conj_panel_content {
    padding: 20px 0;
    width: 100%;
}

div.centered_bar {
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 500px;
    margin: 0 auto;
}

div.grammalecte_clearer {
    clear: both;
    font-size: 0;
    height: 0;
}

................................................................................
    color: hsl(0, 0%, 70%);
}

div#grammalecte_conj_button {
    display: inline-block;
    padding: 7px 10px;
    font-size: 18px;
    background-color: hsl(210, 30%, 50%);
    color: hsl(210, 30%, 80%);
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
div#grammalecte_conj_button:hover {
    background-color: hsl(210, 60%, 40%);
    color: hsl(210, 60%, 90%);
    box-shadow: 0 0 2px hsl(210, 60%, 50%);
}

div#grammalecte_conj_options {
    margin: 10px 0 0 5px;
    font-size: 16px;
    text-align: center;
}

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

1
2
3
4
5
6

7
8
9
10
11
12
13
/*
    Grammar checker
*/
div#grammalecte_gc_panel_content {
    position: absolute;
    height: 100%;

    margin: 0;
    overflow: auto;
}

div.grammalecte_paragraph_block {
    margin: 5px 5px 0 5px;
}






>







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

div.grammalecte_paragraph_block {
    margin: 5px 5px 0 5px;
}

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

152
153
154
155
156
157
158

159
160
161
162
163
164

165
166
167
168
169
170

171
172
173
174
175
176
177
        });
    }

    showEditor () {
        this.switchContentOn(this.xGCPanelContent, this.xEditorButton);
        this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
        this.switchContentOff(this.xConjPanelContent, this.xConjButton);

    }

    showLexicographer () {
        this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
        this.switchContentOn(this.xLxgPanelContent, this.xLxgButton);
        this.switchContentOff(this.xConjPanelContent, this.xConjButton);

    }

    showConjugueur () {
        this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
        this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
        this.switchContentOn(this.xConjPanelContent, this.xConjButton);

        this.listenConj();
        if (!this.sVerb) {
            this.conjugateVerb("être");
        }
    }

    switchContentOn (xContent, xNodeButton) {







>






>






>







152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
        });
    }

    showEditor () {
        this.switchContentOn(this.xGCPanelContent, this.xEditorButton);
        this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
        this.switchContentOff(this.xConjPanelContent, this.xConjButton);
        this.xPanel.style.background = "";
    }

    showLexicographer () {
        this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
        this.switchContentOn(this.xLxgPanelContent, this.xLxgButton);
        this.switchContentOff(this.xConjPanelContent, this.xConjButton);
        this.xPanel.style.background = "";
    }

    showConjugueur () {
        this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
        this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
        this.switchContentOn(this.xConjPanelContent, this.xConjButton);
        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%)";
        this.listenConj();
        if (!this.sVerb) {
            this.conjugateVerb("être");
        }
    }

    switchContentOn (xContent, xNodeButton) {

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

1
2
3
4
5
6
7

8
9
10
11
12
13
14
/*
    Lexicographer
*/
div#grammalecte_lxg_panel_content {
    display: none;
    position: absolute;
    height: 100%;

    font-size: 13px;
}

div.grammalecte_lxg_list_of_tokens {
    margin: 10px 5px 0 5px;
    padding: 10px;
    background-color: hsla(0, 0%, 95%, 1);







>







1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*
    Lexicographer
*/
div#grammalecte_lxg_panel_content {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 13px;
}

div.grammalecte_lxg_list_of_tokens {
    margin: 10px 5px 0 5px;
    padding: 10px;
    background-color: hsla(0, 0%, 95%, 1);

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

125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
input[placeholder]#verb {
    color: hsl(0, 0%, 70%);
}

#conjugate {
    display: inline-block;
    padding: 7px 10px;
    font-size: 20px;
    background-color: hsl(0, 30%, 30%);
    color: hsl(0, 30%, 60%);
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
#conjugate:hover {
    background-color: hsl(0, 60%, 40%);
    color: hsl(0, 60%, 70%);
    box-shadow: 0 0 2px hsl(0, 60%, 50%);
}

#options {
    margin: 10px 0 0 5px;
    font-size: 16px;
    text-align: center;
}







|
|
|







|
|
|







125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
input[placeholder]#verb {
    color: hsl(0, 0%, 70%);
}

#conjugate {
    display: inline-block;
    padding: 7px 10px;
    font-size: 18px;
    background-color: hsl(210, 30%, 50%);
    color: hsl(210, 30%, 80%);
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
#conjugate:hover {
    background-color: hsl(210, 60%, 40%);
    color: hsl(210, 60%, 90%);
    box-shadow: 0 0 2px hsl(210, 60%, 50%);
}

#options {
    margin: 10px 0 0 5px;
    font-size: 16px;
    text-align: center;
}