diff options
| author | 0neGal <mail@0negal.com> | 2023-05-07 00:52:39 +0200 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2023-05-07 00:59:38 +0200 |
| commit | 0d7293cd5cdacd9c46bb637e367e969606031038 (patch) | |
| tree | 91d6974fa5c3671f5cca4b7db98ee2f3f3d93ccf /src/app/index.html | |
| parent | cfec36cbdf00b181e6560be15c6b341842894e00 (diff) | |
| download | Viper-0d7293cd5cdacd9c46bb637e367e969606031038.tar.gz Viper-0d7293cd5cdacd9c46bb637e367e969606031038.zip | |
added hover tooltips
They're pretty simple to use, and automatically make themselves fit on
screen, on top of automatically disappearing and appearing of course.
I've used them a few places now, and not sure where else they can be
used, there are of course localization strings that need, well,
localization, and I'll create a PR for this on a later date.
Diffstat (limited to 'src/app/index.html')
| -rw-r--r-- | src/app/index.html | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/src/app/index.html b/src/app/index.html index 52ac532..2b2abd1 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -6,13 +6,15 @@ <meta charset="utf-8"> </head> <body> + <div id="tooltip">Test</div> + <div id="bgHolder"></div> <div id="toasts"></div> <div id="winbtns"> - <div id="settings" onclick="Settings.toggle(true)"></div> - <div id="minimize" onclick="ipcRenderer.send('minimize')"></div> - <div id="close" onclick="ipcRenderer.send('exit')"></div> + <div id="settings" tooltip="%%tooltip.settings%%" onclick="Settings.toggle(true)"></div> + <div id="minimize" tooltip="%%tooltip.minimize%%" onclick="ipcRenderer.send('minimize')"></div> + <div id="close" tooltip="%%tooltip.close%%" onclick="ipcRenderer.send('exit')"></div> </div> <div id="dragUI"> @@ -170,9 +172,9 @@ </div> <nav class="gamesContainer"> - <button id="vpBtn" onclick="page(0)"></button> - <button id="nsBtn" onclick="page(1)"></button> - <button id="tfBtn" onclick="page(2)"></button> + <button id="vpBtn" tooltip="%%tooltip.pages.viper%%" tooltip-position="horizontal" onclick="page(0)"></button> + <button id="nsBtn" tooltip="%%tooltip.pages.northstar%%" tooltip-position="horizontal" onclick="page(1)"></button> + <button id="tfBtn" tooltip="%%tooltip.pages.titanfall%%" tooltip-position="horizontal" onclick="page(2)"></button> </nav> <div class="mainContainer"> @@ -261,6 +263,7 @@ <script src="js/misc.js"></script> <script src="js/mods.js"></script> <script src="js/toast.js"></script> + <script src="js/tooltip.js"></script> <script src="js/browser.js"></script> <script src="js/settings.js"></script> <script src="js/launcher.js"></script> |