border-bottom:1pxdottedblack;/* If you want dots under the hoverable text */
}
{% if form != none %}
<style>
/* Tooltip container */
.tooltip{
position:relative;
display:inline-block;
border-bottom:1pxdottedblack;/* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip.tooltiptext{
visibility:hidden;
width:120px;
background-color:black;
color:#fff;
text-align:center;
padding:5px0;
border-radius:6px;
/* Tooltip text */
.tooltip.tooltiptext{
visibility:hidden;
width:120px;
background-color:black;
color:#fff;
text-align:center;
padding:5px0;
border-radius:6px;
/* Position the tooltip text - see examples below! */
position:absolute;
z-index:1;
}
/* Position the tooltip text - see examples below! */
position:absolute;
z-index:1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover.tooltiptext{
visibility:visible;
}
</style>
<formaction=".."method="get"><!-- TODO Parent -->
<spanclass="tooltip">Packages <divclass="tooltiptext">Comma separated list of packages to monitor.</div></span>: <inputtype="text"name="pkg"><!-- TODO Prefill -->
<spanclass="tooltip">Users <divclass="tooltiptext">Comma separated list of users to monitor.</div></span>: <inputtype="text"name="user"><!-- TODO Prefill -->
<spanclass="tooltip">Columns <divclass="tooltiptext">Comma separated list of columns to display.</div></span>: <inputtype="text"name="col"><!-- TODO Prefill -->
<inputtype="submit"value="Submit">
</form>
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover.tooltiptext{
visibility:visible;
}
</style>
<formaction="{{ form.index }}"method="get">
<spanclass="tooltip">Packages <divclass="tooltiptext">Comma separated list of packages to monitor.</div></span>: <inputtype="text"name="pkg"value="{{ form.pkg }}">
<spanclass="tooltip">Users <divclass="tooltiptext">Comma separated list of users to monitor.</div></span>: <inputtype="text"name="user"value="{{ form.user }}">
<spanclass="tooltip">Columns <divclass="tooltiptext">Comma separated list of columns to display.</div></span>: <inputtype="text"name="col"value="{{ form.col }}">