Grammalecte  Check-in [a54db46fa5]

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

Overview
Comment:[fx] gc panel: fix CSS nightmare
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk | fx
Files: files | file ages | folders
SHA3-256:a54db46fa569da73ab309dcc22355debd0e2a3dbbcf55d782cf440f74f21b427
User & Date: olr 2019-05-11 07:17:04
Context
2019-05-11
09:24
[fx] gc panel: smaller message check-in: f3cbae4747 user: olr tags: fx, trunk
07:17
[fx] gc panel: fix CSS nightmare check-in: a54db46fa5 user: olr tags: fx, trunk
2019-05-10
20:52
[graphspell][core][fr] code cleaning (pylint) check-in: a85f64f6f8 user: olr tags: core, fr, graphspell, trunk
Changes

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

113
114
115
116
117
118
119


120
121
122
123
124
125
126
}
div.grammalecte_menu_button:hover {
    background-color: hsl(210, 80%, 40%);
}


div.grammalecte_panel_content {


    flex-grow: 1;
    overflow: auto;
}

div#grammalecte_panel_message_block {
    display: none;
    padding: 10px;







>
>







113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
}
div.grammalecte_menu_button:hover {
    background-color: hsl(210, 80%, 40%);
}


div.grammalecte_panel_content {
    /* https://stackoverflow.com/questions/7676022/html5-flexible-box-model-height-calculation/15388247#15388247 */
    position: relative;
    flex-grow: 1;
    overflow: auto;
}

div#grammalecte_panel_message_block {
    display: none;
    padding: 10px;

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

1
2
3
4


5
6

7
8
9
10
11
12
13
14
15
16
17
/*
    Grammar checker
*/
div#grammalecte_gc_panel_content {


    margin: 0;
    padding: 5px;

}

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

p.grammalecte_paragraph {
    margin: 0;
    padding: 12px;
    background-color: hsl(0, 0%, 96%);
    border-radius: 2px;




>
>

<
>



|







1
2
3
4
5
6
7

8
9
10
11
12
13
14
15
16
17
18
19
/*
    Grammar checker
*/
div#grammalecte_gc_panel_content {
    position: absolute;
    height: 100%;
    margin: 0;

    overflow: auto;
}

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

p.grammalecte_paragraph {
    margin: 0;
    padding: 12px;
    background-color: hsl(0, 0%, 96%);
    border-radius: 2px;

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

47
48
49
50
51
52
53

54
55
56
57
58
59
60
61
62
63
...
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
            grammalecte_sugg{Id}      : [paragraph number]-[error_number]--[suggestion_number]
    */

    constructor (...args) {
        super(...args);
        this.aIgnoredErrors = new Set();
        this.createMenu()

        // Editor
        this.xGCPanelContent = oGrammalecte.createNode("div", {id: "grammalecte_gc_panel_content"});
        this.xGCPanelContent.style.marginBottom = "10px";
        this.xParagraphList = oGrammalecte.createNode("div", {id: "grammalecte_paragraph_list"});
        this.xGCPanelContent.appendChild(this.xParagraphList);
        this.xPanelContent.addEventListener("click", onGrammalecteGCPanelClick, false);
        this.oTooltip = new GrammalecteTooltip(this.xParent, this.xGCPanelContent);
        this.xPanelContent.appendChild(this.xGCPanelContent);
        this.xNode = null;
        this.oTextControl = new GrammalecteTextControl();
................................................................................
        }
        this.xNode.disabled = true;
        this.loadText((this.bTextArea) ? this.xNode.value : this.xNode.innerText);
    }

    setText (sText) {
        this.clear();
        oGrammalecte.oGCPanel.showMessage("Le texte analysé n’appartient pas à un champ textuel défini. Les modifications ne seront pas répercutées sur la zone d’où le texte a été extrait. Vous pouvez néanmoins récupérer l’ensemble du texte corrigé avec le bouton 📋.");
        this.loadText(sText);
    }

    clear () {
        if (this.xNode !== null) {
            this.xNode.disabled = false;
            this.bTextArea = false;







>


<







 







|







47
48
49
50
51
52
53
54
55
56

57
58
59
60
61
62
63
...
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
            grammalecte_sugg{Id}      : [paragraph number]-[error_number]--[suggestion_number]
    */

    constructor (...args) {
        super(...args);
        this.aIgnoredErrors = new Set();
        this.createMenu()
        this.xPanelContent.style.marginBottom = "10px";
        // Editor
        this.xGCPanelContent = oGrammalecte.createNode("div", {id: "grammalecte_gc_panel_content"});

        this.xParagraphList = oGrammalecte.createNode("div", {id: "grammalecte_paragraph_list"});
        this.xGCPanelContent.appendChild(this.xParagraphList);
        this.xPanelContent.addEventListener("click", onGrammalecteGCPanelClick, false);
        this.oTooltip = new GrammalecteTooltip(this.xParent, this.xGCPanelContent);
        this.xPanelContent.appendChild(this.xGCPanelContent);
        this.xNode = null;
        this.oTextControl = new GrammalecteTextControl();
................................................................................
        }
        this.xNode.disabled = true;
        this.loadText((this.bTextArea) ? this.xNode.value : this.xNode.innerText);
    }

    setText (sText) {
        this.clear();
        oGrammalecte.oGCPanel.showMessage("Le texte analysé n’appartient pas à un champ textuel défini. Les modifications ne seront pas répercutées sur la zone d’où le texte a été extrait. L’ensemble du texte corrigé est récupérable avec le bouton 📋.");
        this.loadText(sText);
    }

    clear () {
        if (this.xNode !== null) {
            this.xNode.disabled = false;
            this.bTextArea = false;

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
15
16
17
18
/*
    Lexicographer
*/
div#grammalecte_lxg_panel_content {
    display: none;
    padding: 5px;

    font-size: 13px;
}

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

div.grammalecte_lxg_list_num {
    float: right;





|
>




|







1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/*
    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);
    border-radius: 5px;
}

div.grammalecte_lxg_list_num {
    float: right;