Index: gc_lang/fr/webext/content_scripts/panel.js ================================================================== --- gc_lang/fr/webext/content_scripts/panel.js +++ gc_lang/fr/webext/content_scripts/panel.js @@ -188,18 +188,18 @@ if (this.xWidthButton && this.xHeightButton) { this.xWidthButton.style.opacity = (this.bHorizStrech) ? ".9" : ""; this.xHeightButton.style.opacity = (this.bVertStrech) ? ".9" : ""; } let nWidth = Math.min(this.nWidth, window.innerWidth-200); - let nHeight = ([4, 5, 6].includes(this.nPosition)) ? Math.min(this.nHeight, window.innerHeight-100) : Math.floor(window.innerHeight*0.45); + let nHeight = Math.min(this.nHeight, window.innerHeight-100); if (this.bFlexible) { + // width if (this.bHorizStrech) { nWidth = Math.min(this.nWidth*1.33, window.innerWidth-200); } - if (this.bVertStrech) { - nHeight = ([4, 5, 6].includes(this.nPosition)) ? (window.innerHeight-100) : Math.floor(window.innerHeight*0.67); - } + // height + nHeight = (this.bVertStrech) ? (([4, 5, 6].includes(this.nPosition)) ? (window.innerHeight-100) : Math.floor(window.innerHeight*0.67)) : Math.floor(window.innerHeight*0.45); } this.xPanel.style.width = `${nWidth}px`; this.xPanel.style.height = `${nHeight}px`; // position let oPos = null; Index: gc_lang/fr/webext/content_scripts/panel_tf.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel_tf.css +++ gc_lang/fr/webext/content_scripts/panel_tf.css @@ -9,10 +9,11 @@ div#grammalecte_tf_options { display: flex; padding: 10px; } div.grammalecte_tf_column { + flex-grow: 1; min-width: 45%; padding: 0 5px; } div.grammalecte_tf_groupblock { padding: 1px 10px 10px 13px;