Files
REM-Mod/EXE/remui/tooltip.rml
T

31 lines
1.5 KiB
Plaintext

<rml>
<head>
<title>Tool tip</title>
<link type="text/rcss" href="rem.rcss"/>
<style>
/* no box of its own: only the tip, at the point NN_ToolTip gives */
body.tipdoc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-color: transparent; pointer-events: none; }
.ftip
{
position: absolute;
max-width: 380dp;
padding: 6dp 14dp;
decorator: ninepatch(fw, fw-i); /* the flight HUD's frame (rem.rcss) */
font-size: 13dp;
color: #dbe6f0;
white-space: nowrap;
}
/* the rollover help ("Click on a character ..."): centred under the nav bar at the top, in the
flight HUD's frame -- not at the classic point, where it lay over the nav bar */
.ftip.roll { left: 50%; top: 58dp; transform: translateX(-50%); max-width: 640dp; padding: 8dp 20dp; font-size: 14dp; text-align: center; white-space: pre-line; }
/* a REM window's .tip (the hovered element's), drawn here so no other window covers it */
.ftip.hov { width: 260dp; white-space: normal; font-family: Barlow; }
</style>
</head>
<body class="tipdoc" data-model="tooltip">
<div class="ftip" data-if="tip_shown" data-style-left="tip_left" data-style-top="tip_top">{{ tip_text }}</div>
<div class="ftip roll" data-if="roll_shown">{{ roll_text }}</div>
<div class="ftip hov" data-if="hov_shown" data-style-left="hov_left" data-style-top="hov_top" data-rml="hov_rml"></div>
</body>
</rml>