Grammalecte  Check-in [b2ff105df5]

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 on 2019-05-12 16:47:00
Other Links: manifest | tags
Context
2019-05-12
17:00
[fr] faux positif check-in: a82ca1439e user: olr tags: trunk, fr
16:47
[fx] gc panel, conjugueur: ui adjustments check-in: b2ff105df5 user: olr tags: trunk, fx
15:11
[fr] erreur sur le filtre des entrées acceptables pour Hunspell -> rebuild check-in: 6ea1a49208 user: olr tags: trunk, fr
Changes

Modified gc_lang/fr/webext/content_scripts/html_src.js from [40496dba9d] to [33c5ac1d61].

8
9
10
11
12
13
14
15

16
17
18
19
20
21
22
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">
    <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>

Modified gc_lang/fr/webext/content_scripts/panel_conj.css from [eca306ed4b] to [6913324344].

1
2
3













4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23



+
+
+
+
+
+
+
+
+
+
+
+
+







/*
   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;
}

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







-
-
+
+







-
-
-
+
+
+







    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%);
    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(0, 60%, 40%);
    color: hsl(0, 60%, 70%);
    box-shadow: 0 0 2px hsl(0, 60%, 50%);
    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;
}

Modified gc_lang/fr/webext/content_scripts/panel_gc.css from [4703efb0b2] to [4c07e86380].

1
2
3
4
5
6

7
8
9
10
11
12
13
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;
}

Modified gc_lang/fr/webext/content_scripts/panel_gc.js from [cbbbae9acd] to [7e87ea2dd9].

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
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) {

Modified gc_lang/fr/webext/content_scripts/panel_lxg.css from [54ff97ab71] to [3751042634].

1
2
3
4
5
6
7

8
9
10
11
12
13
14
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);

Modified gc_lang/fr/webext/panel/conjugueur.css from [f7291c3c1c] to [da57865924].

28
29
30
31
32
33
34
35

36
37
38
39
40
41
42
28
29
30
31
32
33
34

35
36
37
38
39
40
41
42







-
+







.justify {
    text-align: justify;
}
.hidden {
    display: none;
}

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

body {
    background: #FFFFFF url(../img/lines.png);
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
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%);
    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(0, 60%, 40%);
    color: hsl(0, 60%, 70%);
    box-shadow: 0 0 2px hsl(0, 60%, 50%);
    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;
}