Overview
Comment: | [fx] WebExt: button and menu adjustments |
---|---|
Downloads: | Tarball | ZIP archive | SQL archive |
Timelines: | family | ancestors | descendants | both | trunk | fx |
Files: | files | file ages | folders |
SHA3-256: |
9575bcb2ebf0c964b3591f048701b524 |
User & Date: | olr on 2017-09-08 13:24:31 |
Other Links: | manifest | tags |
Context
2017-09-08
| ||
14:22 | [fx] WebExt: animated button experiments check-in: 0cf08256b7 user: olr tags: trunk, fx | |
13:24 | [fx] WebExt: button and menu adjustments check-in: 9575bcb2eb user: olr tags: trunk, fx | |
13:07 | [fx] WebExt: add “Fira Sans” as equivalent to “Trebuchet MS” check-in: 5bedb9b401 user: olr tags: trunk, fx | |
Changes
Modified gc_lang/fr/webext/content_scripts/menu.css from [8d11aa4ce9] to [b1be5e12c5].
1 2 3 4 5 6 7 | /* CSS Menu for Grammalecte */ .grammalecte_menu_main_button { position: absolute; | | | | | > > > > > | | | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | /* CSS Menu for Grammalecte */ .grammalecte_menu_main_button { position: absolute; margin: -8px 0 0 -8px; border: 4px solid hsla(210, 80%, 30%, .5); border-radius: 12px; background-color: hsla(210, 80%, 50%, .5); 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; border-radius: 5px; border: 3px solid hsl(210, 50%, 30%); box-shadow: 0px 0px 2px hsla(210, 10%, 10%, .5); background-color: hsl(210, 50%, 30%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; } .grammalecte_menu_item { padding: 3px 10px; background-color: hsl(210, 50%, 40%); font-size: 14px; color: hsl(210, 50%, 92%); cursor: pointer; } .grammalecte_menu_item:hover { background-color: hsl(210, 50%, 45%); color: hsl(210, 50%, 100%); } .grammalecte_menu_item_block { padding: 3px 10px; background-color: hsl(210, 50%, 40%); font-size: 14px; color: hsl(210, 50%, 92%); |
︙ | ︙ | |||
56 57 58 59 60 61 62 | background-color: hsl(210, 50%, 45%); font-size: 12px; line-height: 1.6; text-align: center; cursor: pointer; } .grammalecte_menu_button:hover { | | | 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 | background-color: hsl(210, 50%, 45%); font-size: 12px; line-height: 1.6; text-align: center; cursor: pointer; } .grammalecte_menu_button:hover { background-color: hsl(210, 50%, 50%); } .grammalecte_menu_header { padding: 2px 10px; background-color: hsl(210, 50%, 30%); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAC8UlEQVQ4jX3TbUgTcRwH8P89ddu5u9tt082aZmpFEU4tFz0QGTUwCi0heniR9MSUIKRaD0RvIlKigsooo+iNFa0XJYuwIjEK19OcDtPElsG0ktyp591t7u7+vUh7MPX3+vf5/n8/+P0BmKJIPUUVlh2rdVVeesWlzEybqg+bFOsoylnqPmNavGFfknV2Omu2Lvja3vxAURKJib3opHizu8riLK6gjRyuKgmoSoMRFENRUqfXTzvBGK62LC2uoFkOl4RhjQ8+qWt7dPNE3sbdp+2LXbsGe9qb4rIo/BfwFy6nWQ4ThWGNDzbcfu29dMDh2nHU7CypYNLmzTda0/L5cNuzmDQi/A4Y27k6eQxLI79wS/11D0AAMNvs6XT6ojVJjJEgTbMy2BT77xBMp09KcpaWV1uc41jQoi0NdUHfjeOO9WWn7AVF7s7n986SithPJGeupBh2PCSP/xxqxAp3eq6wuUV7Wc6MSZIEhA8vHjbfOe/OcW3zmAuKy+nUzAyD2bow8ODaEROFq8AyZ5WBYdEZXGqGxZ61HJV+9HYCJRbTNA0QBA40HWunaKN5dKg/DBKxeCIe09Th/m4MJwiMSZmLEzMQAABQRuNqgu8NYX3doTcMpvCkLbtQZ2AJkrPOZG1zlnY13T+Hy9EehY90h57eqcorcZ/lctZuMzAsOjLEqwNv66/6vZcPYRBC+C3cGaBxhSet2av1BpYgTTY7k5y2JPT41slIR6Axv8R9nnOs+4Pf+2r992uOxGVJwgAAAEINfgt3BGgsESWtWas1iGDyl+CT/u7WpvxNFRc4x7qtBoZFhSFejb7z1fq9NYfjsiT+cwcQavBruCOgU4SIGo18amuoq3Js3FNlynVtH385+s53ze+t8cRkURx3yMTTRBAEQVAUXbFlf3XystJKA2NExeFBdWASDAAA+MQACCEEmqbJ0b6PMC7JwhDU8YFHV5u9NZ64LErT/oW/63tPV6uJwmKoOND78u7Fg5NhAAD4CVbzY9cwrWQrAAAAAElFTkSuQmCC'); background-repeat: no-repeat; |
︙ | ︙ |
Modified gc_lang/fr/webext/content_scripts/menu.js from [18505a0065] to [89ff587940].
1 2 3 4 5 6 7 8 9 | // JavaScript "use strict"; class GrammalecteMenu { constructor (nMenu, xTextArea) { this.sMenuId = "grammalecte_menu" + nMenu; | | | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | // JavaScript "use strict"; class GrammalecteMenu { constructor (nMenu, xTextArea) { this.sMenuId = "grammalecte_menu" + nMenu; 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); } _insertAfter (xNewNode, xReferenceNode) { |
︙ | ︙ |