Responsive iOS 6 Theme für FHEM (CSS + JS) sowohl für iOS, Android und Desktop!

[Bennemannc]

Hallo Sandra,

nach dem heutigen Update sind bei den anderen Styles die Grafiken wieder da. Nur bei IOS6 werden diese noch nicht wieder richtig angezeigt.

Gruß Christoph

[holzwurm83]

So nun mit kleinerem Seitenrand im iphone Modus

Hallo Sandra,

wie kann ich deinen spitzenmäßigen Style auch für iPhone verwenden? Ich habe keinen ios6 Style für Webphone bei mir? Fehlt der nur mir?

[Blackcat]

Nimm den ios6touchpad style der funktioniert überall daher auch responsive
Und nicht vergessen: das JS von Post eins einbinden

@Christoph kannst du mir bitte einen Screen posten.. Geht es auch im Default ? Ich mache im Moment nur eins ich importiere das Default :/ also sehr komisch

PS: na toll ... Durch diese changed Save Config Sachen hat irgendwas im Update wieder oben den button zerschossen (ist viel zu groß) 

[Loredo]

Hallo Sandra,


super duper Update, vielen Dank! Das Toggle Menu ist schon was sehr feines jetzt


Auf meinem iPhone 6+ habe ich allerdings sowohl im Portrait als auch Landscape Mode rechts einen schwarzen Streifen. Ich habe es im iOS Simulator auch nachvollziehen können. Bei den niedrigeren Modellen inkl. normalem iPhone6 tritt das Problem nicht auf. Vielleicht siehst du es dir bei Gelegenheit nochmals an? Das wäre klasse.


Gruß
Julian

[Bennemannc]

Hallo Sandra,

ich nutze das aktuelle IOS8 auf einem IPad4.
Der erste Screen ist aus IOS6Tochpadstyle, der zweite Default und der dritte IOS7Touchpad

Gruß Christoph

[Blackcat]

scheinbar kommt er mit dem Import nicht zurecht. Habe jetzt die default rein kopiert ....

@ Julian: Ich habe leider keinen Mac, also auch keinen Emulator. Wäre daher sehr froh wenn du die Änderung nochmal testen könntest

PS: alles frisch eingecheckt

[Bennemannc]

Hallo Sandra,

Super Danke - jetzt sieht alles wieder gut aus.

Gruß Christoph

[det.]

Hallo Sandra,
Auf dem iPad Air2 wieder prima nutzbar! Danke, Icons wieder da und Plots werden auch angezeigt. Hatte vorübergehend die Plots in einen eigenen Raum SVG verschoben, um die Icons angezeigt zu bekommen. Jetzt beim Rückabwickeln der Krücke fällt mir auf, das der Aufruf der SVG Detaildarstellung in Deinem Style keine verwendbare Darstellung erzeugt. Kannst Du das nachvollziehen?

[Blackcat]

Wie sehen deine Plots aus?

so:
http://forum.fhem.de/index.php/topic,32530.msg251683.html#msg251683

oder so:
http://forum.fhem.de/index.php/topic,23406.msg251442.html#msg251442

letzteres ist behoben und kommt morgen mit dem Update.

[det.]

Hallo Sandra,


Meine Plots sehen nach einem Update heute Nachmittag wieder normal aus, wie gewünscht.  Nur wie geschrieben die SVG Detail Darstellung ist noch korrupt. Probier das bitte mal aus indem Du auf den Namen des jeweiligen Diagramms tippst.

[Loredo]

@ Julian: Ich habe leider keinen Mac, also auch keinen Emulator. Wäre daher sehr froh wenn du die Änderung nochmal testen könntest

Hi Sandra!


Der Landscape-Mode auf dem iPhone 6+ ist jetzt korrekt, beim Portrait-Mode habe ich den schwarzen Balken nun links statt rechts, die Kopfzeile ist allerdings über die ganze Breite. Wenn ich das Menü ausklappe, dann bleibt zwischen Menü und Content der schwarze Balken.


Gruß
Julian

[Blackcat]

Hi Julian,

Kannst du im css beim iphone 6+ die padding Zeile aus dem iphone 6 Portrait einfügen und dann nochmal testen?

[Loredo]

Kannst du im css beim iphone 6+ die padding Zeile aus dem iphone 6 Portrait einfügen und dann nochmal testen?

Das allein scheint nicht zu genügen. Ich habe das Padding noch etwas angepasst, dann ist der schwarze Streifen weg:

Code Auswählen Erweitern


/* iPhone 6+(portrait) ----------- */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) {
body {
width:414px;
}
#content, #right {
padding: 0px 50px 0px 10px !important;
}
}



Allerdings stimmt der Abstand zum rechten Rand nicht unbedingt; er erscheint mir irgendwie zu groß. Im Simulator sehe ich, dass es bei einem iPhone 5s beispielsweise rechts und links ausgeglichen sein sollte.

[Blackcat]

Mich hat leider eine Erkältung erwischt, ich schaue es mir dann später an (denke mal am Wochenende). Es liegt aber am Padding nur das schlägt an ein paar Ecken zu

Testen werde ich es dann mit einer im Chrome hidden scrollbar (width:0) besser komm ich da nicht ran
http://www.joomlavision.com/customize-browser-scrollbars-css3/

Iphone 5 habe ich selbst, damit Teste ich ja

[Loredo]

Von mir aus kein Thema. leg dich hin und gute Besserung! :-D