[gelöst] [FTUI2] Charts Font/Schriftart ändert sich

[pallago]

Hallo zusammen,
ich habe eine Frage zu dem Charts Modul und den Schriftarten. Einen ähnlichen Post habe ich gefunden, hier, allerdings aus dem Jahr 2017: https://forum.fhem.de/index.php?topic=74936.0

Das Problem ist, dass sich meine Schriftart ändert, sobald ich einen chart einbaue. Ich habe versucht, wie in dem obigen Link beschrieben, die Zeile auzukommentieren - die Schriftart bleibt dann erhalten, jedoch wird auch kein Plot angezeigt. Ich habe zwei Screenshots beigefügt, welche die beiden Schriftarten darstellen. Die ursprüngliche Schriftart und die, die sich einstellt, sobald ich einen chart einbaue. Das Kuriose: Die Schriftart rund um den chart verändert sich, im chart passt sie jedoch.

Hat eventuell jemand eine Idee wie ich bei der Fehlersuche vorgehen kann?

Anbei der Header vom index.html; dabei spielt es keine Rolle, ob ich 'ftui_chart.css' mitaufnehme oder nicht, d.h.

Code Auswählen Erweitern


<link rel="stylesheet" href="css/ftui_chart.css" />


Code Auswählen Erweitern


    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta name="widget_base_width" content="50">
    <meta name="widget_base_height" content="46">
    <meta name="gridster_cols" content="23">
    <meta name="gridster_rows" content="15">

    <meta name="web_device" content="WEB">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- drag and drop: 0=enabled, 1=disabled -->
    <meta name="gridster_disable" content="0">
    <meta name="widget_margin" content="1">
    <!-- longpoll, 0=disabled, 1=enabled -->
    <meta name="longpoll" content="1">
    <meta name="longpoll_type" content="websocket">
    <meta name="longpoll_filter" content=".*">
    <!-- debug level=0-5 -->
    <meta name="debug" content="2">
    <!-- number of toast messages displayed at the same time -->
    <meta name="toast" content="2">
    <meta name="toast_position" content="bottom-right">


<!--    <link rel="stylesheet" href="css/ftui_chart.css" /> -->
    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui-wdtimer.css" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <link rel="stylesheet" href="lib/powerange.min.css" />
    <!--<link rel="stylesheet" href="/lib/openautomation.css" />-->
    <!--<link rel="stylesheet" href="/fhem/tablet10test/eigenefonts/gk/style.css">-->
    <link rel="stylesheet" href="lib/material-icons.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <!--    <link rel="stylesheet" href="./css/wopr.css"> -->
    <!-- <link rel="stylesheet" href="./css/style.css"> -->
    <!-- <link rel="stylesheet" href="./css/own.css"> -->
    <link rel="stylesheet" href="lib/material-icons.min.css" />
    <!-- <link rel="stylesheet" href="user-tablet-ui.css" /> -->

    <script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>
    <script src="js/fhem-tablet-ui.js" defer></script>



Bzgl Version, habe die neuste Version, wenn ich einen Updatecheck mache, erhalte ich

Code Auswählen Erweitern


Downloading https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt
nothing to do...


[Thorsten Pferdekaemper]

Hi,
ich weiß nicht so genau, ob ich die allerneuste Version angeschaut habe, aber bei mir bindet das Chart-Widget am Anfang die Datei "css/ftui_chart.css" ein. Diese wiederum macht erstmal das hier:
@import "../../pgm2/svg_style.css";
Vielleicht ist in einer der beiden irgend etwas enthalten, was das Verhalten erklären könnte.
Gruß,
   Thorsten

[pallago]

Anscheinend war ich nicht geduldig genug, aber wenn ich tatsächlich diese Zeile auskommentiere, taucht der Plot auch irgendwann mal auf

Code Auswählen Erweitern

@import "../../pgm2/svg_style.css";