eigene Webseite im Stil der Status Seite erstellen

[Becker]

wer lesen kann ist...

Breaking Changes
Previously the Client's Namepsace was Paho.MQTT, as of version 1.1.0 (develop branch) this has now been simplified to Paho. You should be able to simply do a find and replace in your code to resolve this, for example all instances of Paho.MQTT.Client will now be Paho.Client and Paho.MQTT.Message will be Paho.Message.

[Becker]

Ich habe eine neue Beta Version gebaut

Gibt es hier einen css Experten, der mir verraten kann wie ich es schaffe, das PopUp (SHM) horizonal scrollen zu lassen auf kleinen Bildschirmen (Telefon z.B.) ?

Code: Alles auswählen

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 60px;
}

/* Modal-Inhalt */
.modal-content {
    background-color: #fefefe;
    padding: 8px;
    border: 1px solid #888;
    border-radius: 12px;
    max-height: 80vh;
    overflow-x: auto;
    overflow-y: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

overflow-x bringt nix

edit, klappt nun:

Code: Alles auswählen

.modal-content {
    background-color: #fefefe;
    padding: 8px;
    border: 1px solid #888;
    border-radius: 12px;
    max-height: 80vh;
    max-width: 98vw;
    overflow-x: auto;
    overflow-y: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}