Grammalecte  Check-in [a54db46fa5]

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 on 2019-05-11 07:17:04
Other Links: manifest | tags
Context
2019-05-11
09:24
[fx] gc panel: smaller message check-in: f3cbae4747 user: olr tags: trunk, fx
07:17
[fx] gc panel: fix CSS nightmare check-in: a54db46fa5 user: olr tags: trunk, fx
2019-05-10
20:52
[graphspell][core][fr] code cleaning (pylint) check-in: a85f64f6f8 user: olr tags: trunk, fr, core, graphspell
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Modified gc_lang/fr/webext/content_scripts/panel.css from [379b9f78d7] to [540f8dcfc7].

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

Modified gc_lang/fr/webext/content_scripts/panel_gc.css from [2e15bdec95] to [4703efb0b2]. 

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

Modified gc_lang/fr/webext/content_scripts/panel_gc.js from [a133afff43] to [b3b09d523d].

︙︙
47
48
49
50
51
52
53

54
55
56
57
58
59
60
61
62
63

            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();








>


<








47
48
49
50
51
52
53
54
55
56

57
58
59
60
61
62
63

            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();
︙︙
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899

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








|








885
886
887
888
889
890
891
892
893
894
895
896
897
898
899

        }
        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;
︙︙

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

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

Fossil 2.20 [210e89a059] 2022-11-16 18:46:32
This page was generated in about 0.006s