Autor Thema: PopUp hat eine Scrollleiste am linken Rand, die bekomme ich nicht weg..!  (Gelesen 178 mal)

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 2976
  • Online
Ich verzweifele an dem Inhalt eines PopUp welches mir immer eine Scrolleiste anzeigt...
Evtl ist auch die hbox zu groß, aber ich habe schon alles mögliche probiert die Box wird nicht kleiner...
Ich habe schon Umbrüche in den Texten gemacht damit ich es wenigstens in der Breite auf mein Tablet bekomme..!
Screenshot dazu, kann mir jemand einen Tipp geben wo ich noch etwas verändern kann..?

<li data-row="9" data-col="11" data-sizex="6" data-sizey="2" style="background-color:#1f222e">
<!-- ==== Batterien Sensoren  ==== -->
<div class="card">
<div data-type="popup" data-height="300px" data-width="1150px" data-return-time="60" data-draggable="false">
<div data-type="symbol" data-device="du_Batterien_Gesamtstatus" data-get="lowBatteryCount" data-color="Crimson" data-warn-color="#ffffff" data-icon="oa-measure_battery_25 warn" data-hide="lowBatteryCount" style="font-size:175%; margin-left:0px;"></div>
<div style="margin-top:5px !important; font-size:100%" data-type="label">- Batterien - Sensoren -</div>
<div class="dialog">
<header style="background-color:#3d445c;">
<div class="sheet">
<div class="left" style="margin-left:15px; margin-top:10px; margin-bottom:10px; font-size:18px; color:royalblue">- Batterien - Sensoren -</div>
<div data-type="link" data-color="white" data-icon-left="fa-times" class="right big" style="margin-top:10px;" onclick="$('.dialog-close').trigger('click');"></div>
</div>
</header>

<div class="hbox items-top">
<div>
<div class="wider darkorange" style="margin-top:0px; font-size:160%" data-type="label">Innen&nbsp;&nbsp;</div>
<div class="">&nbsp;</div>
<div class="wider darkorange" style="margin-top:0px; font-size:160%" data-type="label">Außen&nbsp;&nbsp;</div>
<div class="">&nbsp;</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Wohnzimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider" data-type="label">Temperatur<br>Wohnzimmer</div>
<div class="" data-type="symbol" data-device="Temperatur_Norden" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider" data-type="label">Temperatur<br> Norden</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Kueche" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Küche</div>
<div class="" data-type="symbol" data-device="Temperatur_Terrasse" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Süden</div>
</div>
<div>
<div class="items-top" data-type="symbol" data-device="Temperatur_HWR" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>HWR</div>
<div class="items-top" data-type="symbol" data-device="Temperatur_Garage" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Garage</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Schlafzimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Schlafzimmer</div>
<div class="" data-type="symbol" data-device="Garagentorsensor" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Garagentor<br>Sensor</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Arbeitszimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Arbeitszimmer</div>
<div class="" data-type="symbol" data-device="BWM_Eingang" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Bewegungsmelder<br>Eingang</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Badezimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Badezimmer</div>
<div class="" data-type="symbol" data-device="BWM_Terrasse" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Bewegungsmelder<br>Terrasse</div>
</div>
<div>
<div class="" data-type="symbol" data-device="FB_RC_8_WZ" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Fernbedienung<br>Wohnzimmer</div>
<div class="" data-type="symbol" data-device="WZ_TK_Terrasse" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Türkontakt<br>Terrasse</div>
</div>
<div>
<div class="" data-type="symbol" data-device="FB_RC_8" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Fernbedienung<br>OG</div>
<div class="" data-type="symbol" data-device="SZ_Fenstersensor" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Fenstersensor<br>Schlafzimmer</div>
</div>
</div>
</div>
</div>
</div>
</li>
Intel-NUC i3: FHEM-Server 5.8 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Offline octek0815

  • Full Member
  • ***
  • Beiträge: 323
Moin,

style="overflow:hidden;" sollte helfen.

Grüße
Olli

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 2976
  • Online
Nee, leider geht das nicht das hatte ich Anfangs auch drin habe dann gebastelt wie blöd..!
Nun habe ich es anders gelöst, mit cell und inline...!

Diese Formatiererei ist echt ein Krampf  :-\
Intel-NUC i3: FHEM-Server 5.8 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM