Grammalecte  Check-in [c2317dc2f9]

Overview
Comment:[fx] GC panel: small UI update
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk | fx
Files: files | file ages | folders
SHA3-256: c2317dc2f958b02f1215bf25a2657fc71fb9573f2b7af74ec8385842ea62c321
User & Date: olr on 2020-02-03 11:03:49
Other Links: manifest | tags
Context
2020-02-03
14:02
[fr] version 1.7 check-in: a6bb1204ab user: olr tags: fr, trunk
11:03
[fx] GC panel: small UI update check-in: c2317dc2f9 user: olr tags: fx, trunk
09:40
[tb] spelling dictionary selection check-in: 8a0279f8fd user: olr tags: tb, trunk
Changes

Modified gc_lang/fr/webext/content_scripts/panel.css from [20920fbe90] to [27a355fd67].

   142    142       font-variant: small-caps;
   143    143       cursor: pointer;
   144    144       border-radius: 3px;
   145    145   }
   146    146   div.grammalecte_menu_button:hover {
   147    147       background-color: hsl(210, 80%, 40%);
   148    148   }
   149         -div.grammalecte_autorefresh_button {
          149  +div.grammalecte_menu_subbutton {
   150    150       display: inline-block;
   151    151       padding: 0 5px;
   152    152       margin-left: 5px;
   153    153       border-radius: 3px;
   154    154       background-color: hsl(0, 50%, 50%);
          155  +    font-size: 10px;
   155    156       color: hsl(0, 50%, 96%);
   156    157       opacity: .7;
   157    158   }
   158         -div.grammalecte_autorefresh_button:hover {
          159  +div.grammalecte_menu_subbutton:hover {
   159    160       opacity: 1;
   160    161   }
   161    162   
   162    163   div.grammalecte_panel_content {
   163    164       /* https://stackoverflow.com/questions/7676022/html5-flexible-box-model-height-calculation/15388247#15388247 */
   164    165       position: relative;
   165    166       flex-grow: 1;

Modified gc_lang/fr/webext/content_scripts/panel_gc.js from [ed054ff2cf] to [38a6beab10].

    72     72           this.xPanelContent.appendChild(this.xConjPanelContent);
    73     73           this.sVerb = "";
    74     74           this.bListenConj = false;
    75     75       }
    76     76   
    77     77       createMenu () {
    78     78           this.xMenu = oGrammalecte.createNode("div", {className: "grammalecte_panel_menu"});
           79  +        // tabs
    79     80           this.xTFButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_button", textContent: "Formateur de texte"});
    80     81           this.xEditorButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_button", textContent: "Éditeur"});
    81     82           this.xLxgButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_button", textContent: "Lexicographe"});
    82     83           this.xConjButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_button", textContent: "Conjugueur"});
    83         -        this.xLEButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_button", textContent: "•Éditeur lexical•"});
    84         -        this.xAutoRefresh = oGrammalecte.createNode("div", {className: "grammalecte_autorefresh_button", textContent: "AR", title: "Auto-rafraîchissement de la correction grammaticale (3 s après la dernière frappe)"})
           84  +        // buttons
           85  +        this.xLexEditButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_subbutton", textContent: "ÉditLex", title: "Ouvrir l’éditeur lexical", style: "background-color: hsl(210, 50%, 40%)"});
           86  +        this.xLxgButton.appendChild(this.xLexEditButton)
           87  +        this.xAutoRefresh = oGrammalecte.createNode("div", {className: "grammalecte_menu_subbutton", textContent: "AutoRafr", title: "Auto-rafraîchissement de la correction grammaticale (3 s après la dernière frappe)"})
    85     88           this.xEditorButton.appendChild(this.xAutoRefresh);
    86     89           this.bAutoRefresh = oGrammalecte.bAutoRefresh;
    87     90           this.setAutoRefreshButton();
    88     91           this.xTFButton.onclick = () => {
    89     92               if (!this.bWorking) {
    90     93                   oGrammalecte.createTFPanel();
    91     94                   oGrammalecte.oTFPanel.start();
................................................................................
   121    124               }
   122    125           };
   123    126           this.xConjButton.onclick = () => {
   124    127               if (!this.bWorking) {
   125    128                   this.showConjugueur();
   126    129               }
   127    130           };
   128         -        this.xLEButton.onclick = () => {
          131  +        this.xLexEditButton.onclick = () => {
   129    132               xGrammalectePort.postMessage({sCommand: "openLexiconEditor", dParam: null, dInfo: null});
   130    133           };
   131         -        // Menu, tabs
          134  +        // Add tabs to menu
   132    135           this.xMenu.appendChild(this.xTFButton)
   133    136           this.xMenu.appendChild(this.xEditorButton)
   134    137           this.xMenu.appendChild(this.xLxgButton)
   135    138           this.xMenu.appendChild(this.xConjButton)
   136         -        this.xMenu.appendChild(this.xLEButton)
   137    139           this.xPanelBar.appendChild(this.xMenu);
   138    140       }
   139    141   
   140    142       start (what) {
   141    143           this.oTooltip.hide();
   142    144           this.bWorking = false;
   143    145           this.clear();