Ich habe ein paar Probleme mit dem CircleMenu:
1. Die ausgeklappten Buttons ragen auf dem PC zum Teil aus dem oberen Rand heraus.
2. Auf dem Smartphone (iPhone) liegen die Beschriftungen nicht einmal auf den Buttons.
Hier ist mein Code:
<header>HEIZUNG</header>
<div class="top-space">
<div data-type="circlemenu" class="cell circlemenu" data-item-width="60" data-item-height="60" data-circle-radius="90">
<!-- https://www.youtube.com/watch?v=O5DsCKTNF8c http://knowthelist.github.io/fhem/tablet/demo_circlemenu.html#link1.html -->
<ul class="menu">
<li><div data-type="push" data-icon="fa-thermometer-full"></div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=2306&new_value=1')">WC</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1275&new_value=1')">Flur</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=2193&new_value=1')">Küche</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1493&new_value=1')">Wohnen</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1774&new_value=1')">Bad</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1661&new_value=1')">Kind</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1548&new_value=1')">Schlafen</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1887&new_value=1')">Arbeiten</div></li>
</ul>
</div>
</div>
<div class="">Boost</div>
Hat jemand eine Idee, was ich falsch mache?
Danke
Bitte kein class="menu" bei <ul>
Danke.
Das hat schon ein wenig geholfen. Allerdings wandern die oberen Buttons noch immer aus dem Browserfenster.