data-warn Text vor das Icon

[Gunther]

Besteht die Möglichkeit den Warn-Text vor das Icon zu bekommen (vgl Screenshot).
Wenn ja, wie?

Das ist mein Code:

Code Auswählen Erweitern

<!-- ======================================== Start Überschrift Popup ======================================== -->
                    <div data-template="template_label_title.html" data-parameter='{"var_title":"Abfall"}'></div>
    <!-- ======================================== Ende Überschrift Popup ======================================== -->
   
    <!-- ======================================== Start 1. Zeile Popup ======================================== -->
    <div class="cell">
    <div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_GelberSack_tage' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-on-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_GelberSack_wochentag" data-type="label" class="darker"></div>
                <div data-device="myAbfall" data-get="Abfall_GelberSack_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_GrueneBiotonne_tage' data-off-color="#32a054" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["#32a054","#32a054","#32a054"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_GrueneBiotonne_wochentag" data-type="label" class="darker"></div>             
                <div data-device="myAbfall" data-get="Abfall_GrueneBiotonne_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Biomüll</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_BlaueAltpapiertonne_tage' data-off-color="#6699FF" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["#6699FF","#6699FF","#6699FF"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_BlaueAltpapiertonne_wochentag" data-type="label" class="darker"></div>
                <div data-device="myAbfall" data-get="Abfall_BlaueAltpapiertonne_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Altpapier</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_GraueRestmuelltonne_tage' data-off-color="grey" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["gray","gray","gray"]'   class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_GraueRestmuelltonne_wochentag" data-type="label" class="darker"></div>
                <div data-device="myAbfall" data-get="Abfall_GraueRestmuelltonne_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Restmüll</div>   
    </div>
   
    <div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Schadstoffsammlung_tage' data-off-color="grey" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-security warn","fs-security warn blink","fs-security warn"]' data-on-colors='["red","red","red"]'   class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Schadstoffsammlung_wochentag" data-type="label" class="darker"></div>
                <div data-device="myAbfall" data-get="Abfall_Schadstoffsammlung_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Schadstoff</div>   
    </div>
   
    </div>
    <!-- ======================================== Ende 1. Zeile Popup ======================================== -->
         
                </div>


[amenomade]

Standardmässig führt deine Definition zu einen roten Kreis für warn, oben rechts.
Hast Du die .css Dateien von FTUI geändert?

[Gunther]

Habe mir irgendwann mal eine flexbox-Vorlage geschnappt.
Vermutlich. Wo kann ich das prüfen?

[amenomade]

Standardmässig in /opt/fhem/www/tablet/css/fhem-tablet-ui.css

Nach "warn" suchen