Overview
| Comment: | [fx] z-index for menu button |
|---|---|
| Downloads: | Tarball | ZIP archive | SQL archive |
| Timelines: | family | ancestors | descendants | both | trunk | fx |
| Files: | files | file ages | folders |
| SHA3-256: |
e0176710e6b147ac4fcb7e201d601c9e |
| User & Date: | olr on 2017-10-21 10:48:47 |
| Other Links: | manifest | tags |
Context
|
2017-10-21
| ||
| 11:03 | [fx] close button for the menu check-in: 4ff89b5e43 user: olr tags: trunk, fx | |
| 10:48 | [fx] z-index for menu button check-in: e0176710e6 user: olr tags: trunk, fx | |
|
2017-10-20
| ||
| 07:31 | [fx] WebExt: text formatter progressbar adjustment check-in: b614f43878 user: olr tags: trunk, fx | |
Changes
Modified gc_lang/fr/webext/content_scripts/menu.css from [9877954366] to [0b4073ec94].
| ︙ | ︙ | |||
15 16 17 18 19 20 21 |
border: 4px solid hsla(210, 80%, 60%, .5);
border-top: 4px solid hsla(210, 100%, 40%, .7);
border-bottom: 4px solid hsla(210, 100%, 40%, .7);
border-radius: 50%;
text-align: center;
cursor: pointer;
box-shadow: 0 0 0 0 hsla(210, 50%, 50%, .5);
| | | 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
border: 4px solid hsla(210, 80%, 60%, .5);
border-top: 4px solid hsla(210, 100%, 40%, .7);
border-bottom: 4px solid hsla(210, 100%, 40%, .7);
border-radius: 50%;
text-align: center;
cursor: pointer;
box-shadow: 0 0 0 0 hsla(210, 50%, 50%, .5);
/*z-index: 2147483640; /* maximum is 2147483647: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index */
animation: grammalecte-spin 2s ease 1;
}
.grammalecte_menu_main_button:hover {
border: 4px solid hsla(210, 80%, 35%, .5);
background-color: hsla(210, 80%, 55%, .5);
animation: grammalecte-spin .5s linear infinite;
}
|
| ︙ | ︙ |
Modified gc_lang/fr/webext/content_scripts/menu.js from [18891f63f4] to [35cf68b91a].
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// JavaScript
"use strict";
class GrammalecteMenu {
constructor (nMenu, xNode) {
this.sMenuId = "grammalecte_menu" + nMenu;
this.xButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_main_button", textContent: " "});
this.xButton.onclick = () => { this.switchMenu(); };
this.xMenu = this._createMenu(xNode);
this._insertAfter(this.xButton, xNode);
this._insertAfter(this.xMenu, xNode);
}
_insertAfter (xNewNode, xReferenceNode) {
xReferenceNode.parentNode.insertBefore(xNewNode, xReferenceNode.nextSibling);
| > | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
// JavaScript
"use strict";
class GrammalecteMenu {
constructor (nMenu, xNode) {
this.sMenuId = "grammalecte_menu" + nMenu;
this.xButton = oGrammalecte.createNode("div", {className: "grammalecte_menu_main_button", textContent: " "});
this.xButton.onclick = () => { this.switchMenu(); };
this.xButton.style.zIndex = (xNode.style.zIndex.search(/^[0-9]+$/) !== -1) ? (parseInt(xNode.style.zIndex) + 1).toString() : xNode.style.zIndex;
this.xMenu = this._createMenu(xNode);
this._insertAfter(this.xButton, xNode);
this._insertAfter(this.xMenu, xNode);
}
_insertAfter (xNewNode, xReferenceNode) {
xReferenceNode.parentNode.insertBefore(xNewNode, xReferenceNode.nextSibling);
|
| ︙ | ︙ |