CSS Transform with Scale and Translate

[Martin2K02]

I use this module twice and I have to make those modules smaller, I use the transform code with scale and translate. My problem is, that there is a big distance between these modules. How do I make it, that the distance between them is lower?

[KristjanESPERANTO]

Unfortunately, this module is no longer being developed here. But there is an active fork.

If I place two modules of the fork one below the other, it looks like this:

Try the fork. If you still have the issue, please show your custom.css. Perhaps you defined a distance there for something else, which now also applies here.

Can you say what the erx and the ENO in my screenshot mean?

[Martin2K02]

Machen wir das mal auf Deutsch. Habe außerdem jetzt erst davon erfahren was Forks auf GitHub sind.

Soll ich dann das nehmen von den User ucfnet002? Oder das, wo du den Link gesetzt hast? Weil ich es nicht so richtig verstehe, da ich keinen Unterschied davon sehe. Werde es dann morgen austesten.

Dazu weiß ich selber nicht, was die beiden mit "erx" und "ENO" bedeuten.

[KristjanESPERANTO]

Der Fork von @ucfnet002 ist nicht immer aktuell, nimm also am besten den, den ich verlinkt habe. Ich habe ihn erstellt, da @raywo, der Ersteller des Moduls, hier leider seit längerem nicht mehr aktiv ist und entsprechend auf Fehlermeldungen und Verbesserungsvorschläge nicht reagiert.

[Martin2K02]

Ich hab das jetzt ausprobiert und bin jetzt auf eine neues Problem gestoßen. Jetzt ist es die ganze Zeit auf "Lade...", obwohl ich die StationID von dem query_stations.js genommen habe. Bsp. von Zoo Hannover ist ja die 638971 (hab auch mal testweise mit drei Nullen davor ausprobiert)

[KristjanESPERANTO]

Zeig mal wie du das Modul konfiguriert hast. Bei mir funktioniert es mit der 638971.

    {
      module: "MMM-PublicTransportHafas",
      position: "top_left",
      config: {
        stationID: "638971",
        stationName: "Zoo, Hannover",
        timeToStation: 5,                 // in minutes
        showColoredLineSymbols: true,
        updatesEvery: 30,                 // in seconds
        displayLastUpdate: true,
        useColorForRealtimeInfo: true,
        showTableHeadersAsSymbols: true,
        marqueeLongDirections: false,
        maxUnreachableDepartures: 0,
        maxReachableDepartures: 6,
        showOnlyLineNumbers: false,
        showAbsoluteTime: true,
        showTableHeaders: false,
        tableHeaderOrder: ["line", "direction", "time", "platform"],
        timeInFuture: 90                  // in minutes
      }
    },
    {
      module: "MMM-PublicTransportHafas",
      position: "top_left",
      config: {
        stationID: "8000152",
        stationName: "Hannover HBF",
        timeToStation: 5,                 // in minutes
        showColoredLineSymbols: true,
        updatesEvery: 30,                 // in seconds
        displayLastUpdate: true,
        useColorForRealtimeInfo: true,
        showTableHeadersAsSymbols: true,
        marqueeLongDirections: false,
        maxUnreachableDepartures: 0,
        maxReachableDepartures: 6,
        excludedTransportationTypes: ["tram", "bus"],
        showOnlyLineNumbers: false,
        showAbsoluteTime: true,
        showTableHeaders: false,
        tableHeaderOrder: ["line", "direction", "time", "platform"],
        timeInFuture: 90                  // in minutes
      }
    },

[Martin2K02]

{
  module: "MMM-PublicTransportHafas",
  position: "top_left",
  
  config: {
    // Departures options
    stationID: "638971",
    stationName: "Zoo, Hannover",   // Replace with your station name!
    direction: "",                    // Show only departures heading to this station. (A station ID.)
    excludedTransportationTypes: [],  // Which transportation types should not be shown on the mirror? (comma-separated list$
    ignoredLines: [],                 // Which lines should be ignored? (comma-separated list of line names)
    timeToStation: 1,                // How long do you need to walk to the next Station?

    // Look and Feel
    displayLastUpdate: true,           // Display the last time of module update.
    maxUnreachableDepartures: 0,      // How many unreachable departures should be shown?
    maxReachableDepartures: 7,        // How many reachable departures should be shown?
    showColoredLineSymbols: true,     // Want colored line symbols?
    customLineStyles: "",             // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitive)
    showOnlyLineNumbers: false,       // Display only the line number instead of the complete name, i. e. "11" instead of "STR 11"
    showTableHeadersAsSymbols: true,  // Table Headers as symbols or text?
    useColorForRealtimeInfo: true    // Want colored real time information (timeToStation, early)?
  }
},
{
  module: "MMM-PublicTransportHafas",
  position: "top_left",
  
  config: {
    // Departures options
    stationID: "8000152",
    stationName: "Hannover Hbf",   // Replace with your station name!
    direction: "",                    // Show only departures heading to this station. (A station ID.)
    excludedTransportationTypes: ["bus", "suburban", "subway", "tram", "taxi"],  // Which transportation types should not be shown on the mirror? (comma-separated list$
    ignoredLines: [],                 // Which lines should be ignored? (comma-separated list of line names)
    timeToStation: 10,                // How long do you need to walk to the next Station?

    // Look and Feel
    displayLastUpdate: true,           // Display the last time of module update.
    maxUnreachableDepartures: 0,      // How many unreachable departures should be shown?
    maxReachableDepartures: 7,        // How many reachable departures should be shown?
    showColoredLineSymbols: true,     // Want colored line symbols?
    customLineStyles: "",             // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitive)
    showOnlyLineNumbers: false,       // Display only the line number instead of the complete name, i. e. "11" instead of "STR 11"
    showTableHeadersAsSymbols: true,  // Table Headers as symbols or text?
    useColorForRealtimeInfo: true    // Want colored real time information (timeToStation, early)?
  }
},

[KristjanESPERANTO]

Bei mir funktioniert deine Konfiguration.

Hast du das Modul entsprechend der Anleitung installiert?

Hast du die akuelle MagicMirror-Version (2.15.0)?

[Martin2K02]

Ich habe es nach Anleitung installiert und MagicMirror müsste aktuell sein.

Ich hab auf dem Browser das ausprobiert und es steht ""config.log" is undefined" (mit F12). Hab das mal testweise entfernt, weil mal ein anderes Modul damit Probleme hatte beides gleichzeitig zum laufen zu bringen (Fußballstandings und Google Maps Traffic).

Ich hab noch das alte Modul installiert, aber nur umbenannt und nicht verschoben. Müsste evtl. das mal ausprobieren, aber das mache ich dann erst morgen oder am Montag.

[KristjanESPERANTO]

Okay, um einen Konflikt mit anderen Modulen auszuschließen, könntest du noch probieren alle anderen Module aus der Konfigurationsdatei zu entfernen.