Index: gc_lang/fr/webext/content_scripts/menu.css ================================================================== --- gc_lang/fr/webext/content_scripts/menu.css +++ gc_lang/fr/webext/content_scripts/menu.css @@ -3,20 +3,25 @@ Menu for Grammalecte */ .grammalecte_menu_main_button { position: absolute; - margin: -16px 0 0 -10px; + margin: -8px 0 0 -8px; border: 4px solid hsla(210, 80%, 30%, .5); - border-radius: 16px; + border-radius: 12px; background-color: hsla(210, 80%, 50%, .5); - width: 16px; - height: 16px; + width: 8px; + height: 8px; text-align: center; cursor: pointer; z-index: 100000000; } +.grammalecte_menu_main_button:hover { + border: 4px solid hsla(210, 80%, 35%, .5); + background-color: hsla(210, 80%, 55%, .5); + box-shadow: 0 0 10px hsla(210, 100%, 30%, .5); +} .grammalecte_menu { display: none; position: absolute; margin-left: -10px; @@ -33,12 +38,12 @@ font-size: 14px; color: hsl(210, 50%, 92%); cursor: pointer; } .grammalecte_menu_item:hover { - background-color: hsl(210, 60%, 45%); - color: hsl(210, 60%, 100%); + background-color: hsl(210, 50%, 45%); + color: hsl(210, 50%, 100%); } .grammalecte_menu_item_block { padding: 3px 10px; background-color: hsl(210, 50%, 40%); @@ -58,11 +63,11 @@ line-height: 1.6; text-align: center; cursor: pointer; } .grammalecte_menu_button:hover { - background-color: hsl(210, 60%, 50%); + background-color: hsl(210, 50%, 50%); } .grammalecte_menu_header { padding: 2px 10px; background-color: hsl(210, 50%, 30%); Index: gc_lang/fr/webext/content_scripts/menu.js ================================================================== --- gc_lang/fr/webext/content_scripts/menu.js +++ gc_lang/fr/webext/content_scripts/menu.js @@ -5,11 +5,11 @@ class GrammalecteMenu { constructor (nMenu, xTextArea) { this.sMenuId = "grammalecte_menu" + nMenu; - let xButton = createNode("div", {className: "grammalecte_menu_main_button", textContent: "•"}); + let xButton = createNode("div", {className: "grammalecte_menu_main_button", textContent: " "}); xButton.onclick = () => { this.switchMenu(); }; let xMenu = this._createMenu(xTextArea); this._insertAfter(xButton, xTextArea); this._insertAfter(xMenu, xTextArea); }