Grammalecte  Check-in [f52ae37332]

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

Overview
Comment:[fx] tf panel: size adjustements
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk | fx
Files: files | file ages | folders
SHA3-256:f52ae373321cd461036ab8619b87a1ac72266bc68b535729c7ed24031c9054f8
User & Date: olr 2019-05-22 06:37:00
Context
2019-05-22
07:11
[fr] écriture épicène: ajustements check-in: 02d41c9147 user: olr tags: fr, trunk
06:37
[fx] tf panel: size adjustements check-in: f52ae37332 user: olr tags: fx, trunk
05:57
[fr] ajustements check-in: 835cc6ea56 user: olr tags: fr, trunk
Changes

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

186
187
188
189
190
191
192
193
194

195
196
197
198
199
200
201
202
203
204
205
206
207
    setSizeAndPosition () {
        // size
        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);
        if (this.bFlexible) {

            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);
            }
        }
        this.xPanel.style.width = `${nWidth}px`;
        this.xPanel.style.height = `${nHeight}px`;
        // position
        let oPos = null;
        switch (this.nPosition) {
            case 1: oPos = { top:"",     right:"",     bottom:"-2px", left:"-2px", marginTop:"",                marginLeft:"" }; break;







|

>



|
|
<







186
187
188
189
190
191
192
193
194
195
196
197
198
199
200

201
202
203
204
205
206
207
    setSizeAndPosition () {
        // size
        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 = Math.min(this.nHeight, window.innerHeight-100);
        if (this.bFlexible) {
            // width
            if (this.bHorizStrech) {
                nWidth = Math.min(this.nWidth*1.33, window.innerWidth-200);
            }
            // 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;
        switch (this.nPosition) {
            case 1: oPos = { top:"",     right:"",     bottom:"-2px", left:"-2px", marginTop:"",                marginLeft:"" }; break;

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

7
8
9
10
11
12
13

14
15
16
17
18
19
20
    Options
*/
div#grammalecte_tf_options {
    display: flex;
    padding: 10px;
}
div.grammalecte_tf_column {

    min-width: 45%;
    padding: 0 5px;
}
div.grammalecte_tf_groupblock {
    padding: 1px 10px 10px 13px;
    margin: 10px 0 15px 0;
    background-color: hsl(210, 10%, 92%);







>







7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
    Options
*/
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;
    margin: 10px 0 15px 0;
    background-color: hsl(210, 10%, 92%);