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 @@ -653,25 +653,18 @@ _createTokenDescr (oToken) { try { let xTokenDescr = oGrammalecte.createNode("div", {className: "grammalecte_lxg_token_descr"}); xTokenDescr.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_lxg_token grammalecte_lxg_token_" + oToken.sType, textContent: oToken.sValue})); - xTokenDescr.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_lxg_token_colon", textContent: ":"})); - if (oToken.aLabels) { - if (oToken.aLabels.length < 2) { - // one morphology only - xTokenDescr.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_lxg_morph_elem_inline", textContent: oToken.aLabels[0]})); - } else { - // several morphology - let xMorphList = oGrammalecte.createNode("div", {className: "grammalecte_lxg_morph_list"}); - for (let sLabel of oToken.aLabels) { - xMorphList.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_lxg_morph_elem", textContent: "• " + sLabel})); - } - xTokenDescr.appendChild(xMorphList); - } - } else { - xTokenDescr.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_lxg_morph_elem_inline", textContent: "étiquettes non décrites : [" + oToken.lMorph + "]" })); + let xMorphList = oGrammalecte.createNode("div", {className: "grammalecte_lxg_morph_list"}); + xTokenDescr.appendChild(xMorphList); + if (oToken.aLabels) { + for (let sLabel of oToken.aLabels) { + xMorphList.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_lxg_morph_elem", textContent: "• " + sLabel.trim()})); + } + } else { + xMorphList.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_lxg_morph_elem", textContent: "• " + "étiquettes non décrites : [" + oToken.lMorph + "]"})); } return xTokenDescr; } catch (e) { showError(e); 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 @@ -94,10 +94,12 @@ border-radius: 3px; } div.grammalecte_lxg_token_descr { margin: 1px; padding: 1px; + display: flex; + align-items: flex-start; } div.grammalecte_lxg_token { display: inline-block; background-color: hsl(150, 0%, 50%); color: hsl(0, 0%, 96%); @@ -112,23 +114,12 @@ margin-left: 5px; color: hsl(0, 0%, 50%); padding: 2px 5px; text-decoration: none; } -div.grammalecte_lxg_token_colon { - display: inline-block; - padding: 2px 5px; - font-family: "Trebuchet MS", "Fira Sans", "Ubuntu Condensed", "Liberation Sans", sans-serif; - color: hsl(0, 0%, 50%); -} div.grammalecte_lxg_morph_list { - padding: 2px 0 2px 20px; -} -div.grammalecte_lxg_morph_elem_inline { - display: inline-block; - font-family: "Trebuchet MS", "Fira Sans", "Ubuntu Condensed", "Liberation Sans", sans-serif; - color: hsl(0, 0%, 0%); + padding: 2px 0 2px 4px; } div.grammalecte_lxg_morph_elem { font-family: "Trebuchet MS", "Fira Sans", "Ubuntu Condensed", "Liberation Sans", sans-serif; color: hsl(0, 0%, 0%); }