Added tooltips

This commit is contained in:
Anton Roslund
2025-03-16 17:18:29 +01:00
parent 928040f865
commit e4495e6eef
+20 -16
View File
@@ -7,23 +7,27 @@ menu: {main: {weight: 50}}
<h2 id="senaste-meddelanden" class="pt-3">Senaste meddelanden<a class="td-heading-self-link" href="#senaste-meddelanden" aria-label="Heading self-link"></a></h2>
<div class="btn-toolbar mb-2" role="toolbar" aria-label="Toolbar with button groups">
<div class="btn-group btn-group-sm me-2" role="group" aria-label="Basic radio toggle button group">
<input type="radio" class="btn-check" name="btnradio" id="all" autocomplete="off" checked>
<label class="btn btn-outline-primary" for="all">Alla</label>
</div>
<div class="btn-group btn-group-sm" role="group" aria-label="Basic radio toggle button group">
<input type="radio" class="btn-check" name="btnradio" id="3663385928" autocomplete="off">
<label class="btn btn-outline-primary" for="3663385928">Ros1</label>
<input type="radio" class="btn-check" name="btnradio" id="1978245180" autocomplete="off">
<label class="btn btn-outline-primary" for="1978245180">CVK</label>
<input type="radio" class="btn-check" name="btnradio" id="862351628" autocomplete="off">
<label class="btn btn-outline-primary" for="862351628">JwK</label>
<div class="btn-group btn-group-sm me-2" role="group" aria-label="Basic radio toggle button group">
<input type="radio" class="btn-check" name="btnradio" id="all" autocomplete="off" checked>
<label class="btn btn-outline-primary" for="all">Alla</label>
</div>
<div class="btn-group btn-group-sm me-2" role="group" aria-label="Basic radio toggle button group">
<input type="radio" class="btn-check" name="btnradio" id="3663385928" autocomplete="off">
<label class="btn btn-outline-primary" for="3663385928" data-bs-toggle="tooltip" data-bs-placement="top" title="Mariehäll Alprosen">Ros1</label>
<input type="radio" class="btn-check" name="btnradio" id="1978245180" autocomplete="off">
<label class="btn btn-outline-primary" for="1978245180" data-bs-toggle="tooltip" data-bs-placement="top" title="SA0CVK 0 (Ny Router)">CVK</label>
<input type="radio" class="btn-check" name="btnradio" id="862351628" autocomplete="off">
<label class="btn btn-outline-primary" for="862351628" data-bs-toggle="tooltip" data-bs-placement="top" title="JwK Bas">JwK</label>
<input type="radio" class="btn-check" name="btnradio" id="2971894662" autocomplete="off">
<label class="btn btn-outline-primary" for="2971894662">Älg</label>
</div>
<input type="radio" class="btn-check" name="btnradio" id="2971894662" autocomplete="off">
<label class="btn btn-outline-primary" for="2971894662" data-bs-toggle="tooltip" data-bs-placement="top" title="Stora Älgön 2.0">Älg</label>
</div>
<!-- Info Button with Tooltip -->
<div data-bs-toggle="tooltip" data-bs-placement="right" title="Visar meddelanden mottagna av respektive nod. Användbart för att förstå vilka noder som har hört ett meddelande.">
<span class="badge rounded-pill bg-dark">?</span>
</div>
</div>
<div id="loading"><p>Loading...</p></div>
</section>