Hauptmenü

CSS-Overrides

Begonnen von PatrickR, 23 Januar 2017, 22:04:39

Vorheriges Thema - Nächstes Thema

PatrickR

Mahlzeit!

Habe seit dem jüngsten Update ein Problem mit den Styles, konkret mit Overrides. Ich habe in fhem-tablet-ui-user.css folgenden Style hinzufgefügt:

.semibig { font-size: 175%; }

und die fhem-tablet-ui-user.css natürlich included.

Nun habe ich eine Reihe von Symbolen definiert, der Art:

<div data-type="symbol" class="semibig" data-device="OG.WO.VR100" data-get="R-State"
data-states='["Ready","Charging","Moving","Cleaning","Unknown","Error"]'
data-icons='["fa-check","fa-bolt","fa-compass","fa-recycle","fa-question","fa-exclamation"]'
data-background-icon='fa-square'
data-colors='["White","White","#00FF00","#00FF00","Yellow","Red"]'
data-background-colors='["#505050"]'
></div>


Leider scheint die font-size von 175% seit dem neuesten Update ignoriert zu werden. Laut Chrome Entwicklertools haben die 100% aus openautomation.css Vorrang. Auch mit !important konnte ich den Style nicht zur Kooperation bewegen.

Habt Ihr einen Tipp für mich?

Patrick
lepresenced - Tracking von Bluetooth-LE-Tags (Gigaset G-Tag) mittels PRESENCE

"Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the universe trying to produce bigger and better idiots. So far, the universe is winning." - Rich Cook

setstate

File im richtige Ordner und File-Pfad im Link richtig angegeben? Und das richtige File editiert und Browser-Cache gelöscht?


<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <link rel="stylesheet" type="text/css" href="css/fhem-tablet-ui-user.css">

    <script src="js/fhem-tablet-ui.js" defer></script>

    <title>FHEM-Tablet-UI</title>
</head>