michael.heier/mynode
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add sample for app help tooltips

Browse Source
This commit is contained in:
Taylor Helsper 2020-05-26 22:00:31 -05:00
parent 41fd789e09
commit 23a44dcb83
3 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
rootfs/standard/var/www/mynode/static/css/mynode.css
View File

@ -192,6 +192,13 @@ a:active {
-moz-border-radius: 50%; -moz-border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
} }
.app_tooltip {
width: 14px;
height: 14px;
position: absolute;
top: 5px;
left: 130px;
}
.app_logo { .app_logo {
margin: auto; margin: auto;
height: 55px; height: 55px;

BIN
rootfs/standard/var/www/mynode/static/images/help_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

4
rootfs/standard/var/www/mynode/templates/includes/apps.html
View File

@ -2,6 +2,10 @@
<div class="app_tile_row"> <div class="app_tile_row">
<div class="app_tile"> <div class="app_tile">
<div class="app_status_icon {{ rtl_status_color }}"></div> <div class="app_status_icon {{ rtl_status_color }}"></div>
<!--
Sample Help Tooltip for each app
<img class="app_tooltip" src="{{ url_for('static', filename="images/help_icon.png")}}" title="RTL is a web app for managing your lightning wallet"/>
-->
<div class="app_logo"><img class="app_logo_icon" src="{{ url_for('static', filename="images/rtl.png")}}"/></div> <div class="app_logo"><img class="app_logo_icon" src="{{ url_for('static', filename="images/rtl.png")}}"/></div>
<div class="app_title">RTL</div> <div class="app_title">RTL</div>
<div class="app_status">{% if not lnd_ready %}Waiting on LND...{% else %}{{ rtl_status }}{% endif %}</div> <div class="app_status">{% if not lnd_ready %}Waiting on LND...{% else %}{{ rtl_status }}{% endif %}</div>