Added new box style for page headers, support for hint when hovering interactible elements, add support for expanding 88x31 pictures on click, updated index look and feel/text, switch to macros for reusable elements, fix ccd path, rename main.js to music to better reflect it's purpose and update i18n.js export global strings.
This commit is contained in:
parent
74285e314d
commit
b56fe21a2b
22 changed files with 1247 additions and 131 deletions
15
static/scripts/tips.js
Normal file
15
static/scripts/tips.js
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
/* This script provides functionality similar to FL Studio's hint panel. */
|
||||
|
||||
const elements = document.querySelectorAll('[data-tip]');
|
||||
const hint = document.querySelector("#headerSubtitle");
|
||||
const hintPanelDefaultText = hint.innerHTML;
|
||||
|
||||
elements.forEach(el => {
|
||||
el.addEventListener('mouseenter', function() {
|
||||
hint.innerHTML = `${this.dataset.tip}`;
|
||||
});
|
||||
|
||||
el.addEventListener('mouseleave', function() {
|
||||
hint.innerHTML = hintPanelDefaultText;
|
||||
});
|
||||
})
|
||||
Loading…
Add table
Add a link
Reference in a new issue