Index: gc_lang/fr/webext/content_scripts/panel.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel.css +++ gc_lang/fr/webext/content_scripts/panel.css @@ -115,10 +115,12 @@ 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 { Index: gc_lang/fr/webext/content_scripts/panel_gc.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel_gc.css +++ gc_lang/fr/webext/content_scripts/panel_gc.css @@ -1,15 +1,17 @@ /* Grammar checker */ div#grammalecte_gc_panel_content { + position: absolute; + height: 100%; margin: 0; - padding: 5px; + overflow: auto; } div.grammalecte_paragraph_block { - margin: 0 0 5px 0; + margin: 5px 5px 0 5px; } p.grammalecte_paragraph { margin: 0; padding: 12px; Index: gc_lang/fr/webext/content_scripts/panel_gc.js ================================================================== --- gc_lang/fr/webext/content_scripts/panel_gc.js +++ gc_lang/fr/webext/content_scripts/panel_gc.js @@ -49,13 +49,13 @@ 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.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); @@ -887,11 +887,11 @@ 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 📋."); + 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) { Index: gc_lang/fr/webext/content_scripts/panel_lxg.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel_lxg.css +++ gc_lang/fr/webext/content_scripts/panel_lxg.css @@ -1,16 +1,17 @@ /* Lexicographer */ div#grammalecte_lxg_panel_content { display: none; - padding: 5px; + position: absolute; + height: 100%; font-size: 13px; } div.grammalecte_lxg_list_of_tokens { - margin: 5px 0 10px 0; + margin: 10px 5px 0 5px; padding: 10px; background-color: hsla(0, 0%, 95%, 1); border-radius: 5px; }