Neuer Style: flex. Flexibel für alle Geräte

Begonnen von xanker, 24 Juni 2019, 20:28:37

Vorheriges Thema - Nächstes Thema

choetzu

Zitat von: DeeSPe am 26 Juli 2019, 09:28:34
Danke, so ginge es:
<img src="http://www.itoda.com/apple/logos/AppleLogo-152x186.jpg">

Brauche es aber nicht und habe es wieder entfernt, war ja nur ein Test. ;)

Gruß
Dan
auch bei mir gings...  Auch die Home-Funktion... Danke..
Raspi3, EnOcean, Zwave, Homematic

xanker

Ich habe mal ein wenig das Aussehen der Slider modifiziert...
Besser? Schlechter? Vorschläge?
Maintainer vom flex Style.
Intel NUC mit fhem in Docker Container | Homematic | SIGNALduino 433MHz | HUE Bridge | Harmony HUB | lepresenced | alexa-fhem ...

schwatter

Bug:
Jsonlist2 wird nicht angezeigt. Blankscreen.

choetzu

#303
Zitat von: xanker am 26 Juli 2019, 18:16:39
Ich habe mal ein wenig das Aussehen der Slider modifiziert...
Besser? Schlechter? Vorschläge?

Sieht schlank aus! Gefällt mir definitiv besser! Keine besseren Vorschläge!


Ich hätte noch eine Wunschliste, die vielleicht auch andere noch anspricht. Ich will keineswegs unverschämt sein, doch mit dem Appetit kommt bekanntlich der Hunger. Sag einfach wenn es zuviel ist:

- Schriftgrösse Menu sollte skalierbar sein
- Zeilenabstand Menu ebenso
- MenuIcons sollten optional ausgetauscht werden können
- Logo in einen HomeButton-Icon umwandeln und für s Logo eine andere Lösung finden, oder gar keine ;) ist ja offensichtlich nur ein choetzuding ;)
- Roomsort fixen
- evtl hideWebCmdonSmallscreens auf einzelne Devices/Group beschränken. Grad bei Slidern zB Dimmer brauchst du ja webcmd, da geht es ja nicht nur mit devStateIcon. Oder bin ich falsch?
- Wenn ich im Mobile "update all" eingebe, wechselt FHEM auf Eventmonitor, aber es passiert nix. Ist das ein Styleding?


Unverschämt, was? ;) ich hätte noch mehr, aber das grenzt dann an Ungehobelt sein;)

Raspi3, EnOcean, Zwave, Homematic

choetzu

Zitat von: schwatter am 26 Juli 2019, 19:41:15
Bug:
Jsonlist2 wird nicht angezeigt. Blankscreen.

geht bei mir sowohl auf Mac/Safari wie auch iPhone8/Safari...
Raspi3, EnOcean, Zwave, Homematic

schwatter

#305
Ok, das letzte Update hatte ich noch nicht drinne. Aber auch damit keine Anzeige von jsonlist2.

Getestet mit:

Windows10 + Chrome
AndroidHandy + AndroidTablet + Chrome

Cache geleert.

edit:
Anmerkung zum Slider.
Besser wäre es den veränderten Wert vorab anzuzeigen. Sonst wird das verstellen zum Pokerspiel.

https://storage.googleapis.com/spec-host/mio-staging%2Fmio-design%2F1563837804615%2Fassets%2F1xMAR10aCA6Y1k2Rb_BFKSPW43irH55F-%2Fsliders-usage-whentouse-discrete.png

xanker

Zitat von: schwatter am 26 Juli 2019, 19:41:15
Bug:
Jsonlist2 wird nicht angezeigt. Blankscreen.
Naja, funktioniert hat es schon, es hat nur lange gedauert, das Lag daran, dass über alle Zeilen des command Outputs iteriert wurde, damit man einen "hübschen" Zeilenumbruch darstellen kann (wie beim Log/Eventmonitor) und zudem wird der Content erst angezeigt, wenn alles gerendert ist. Update ist draußen, ich habe das wieder wieder raus genommen, somit bleibt der Command Output unberührt und es läd schneller.

Zitat von: schwatter am 26 Juli 2019, 19:57:26
edit:
Anmerkung zum Slider.
Besser wäre es den veränderten Wert vorab anzuzeigen. Sonst wird das verstellen zum Pokerspiel.

https://storage.googleapis.com/spec-host/mio-staging%2Fmio-design%2F1563837804615%2Fassets%2F1xMAR10aCA6Y1k2Rb_BFKSPW43irH55F-%2Fsliders-usage-whentouse-discrete.png
hmm, sinnvoll. Ich schau mal wie ich das am besten einbaue.


Zitat von: choetzu am 26 Juli 2019, 19:41:34
Unverschämt, was? ;) ich hätte noch mehr, aber das grenzt dann an Ungehobelt sein;)
Wie immer bin ich offen für Vorschläge und implementiere was mir gefällt bzw. ich für sinnvoll erachte. Von daher, hau alles raus was dir im Kopf rumschwirrt  ;D

Zitat von: choetzu am 26 Juli 2019, 19:41:34
- Schriftgrösse Menu sollte skalierbar sein
- Zeilenabstand Menu ebenso
- MenuIcons sollten optional ausgetauscht werden können
- Logo in einen HomeButton-Icon umwandeln und für s Logo eine andere Lösung finden, oder gar keine ;) ist ja offensichtlich nur ein choetzuding ;)
- Roomsort fixen
- evtl hideWebCmdonSmallscreens auf einzelne Devices/Group beschränken. Grad bei Slidern zB Dimmer brauchst du ja webcmd, da geht es ja nicht nur mit devStateIcon. Oder bin ich falsch?
- Wenn ich im Mobile "update all" eingebe, wechselt FHEM auf Eventmonitor, aber es passiert nix. Ist das ein Styleding?
- kann ich machen
- ebenfalls
- nur icons austauschen oder auch commands?
- Joa, ein Logo in der Größe ist schon sinnlos...Homebutton kann ich machen...klingt gut
- das ist so ein Ding...wenn ich nur wüsste woran das liegt. Das ganze ist nämlich ein jquery Plugin...Aber ich habe es auf jeden Fall auf der TODO Liste
- wäre natürlich optimal, aber wie soll das konfiguriert werden?
- öhm also ich habe das gerade auf zwei FHEM Instanzen getestet und das funktioniert wie es soll  :o Ist das schon wieder so ein iPhone Ding  ;D Ich werde das nochmal mit dem hier rumliegenden iPhone testen
Maintainer vom flex Style.
Intel NUC mit fhem in Docker Container | Homematic | SIGNALduino 433MHz | HUE Bridge | Harmony HUB | lepresenced | alexa-fhem ...

Gisbert

Hallo Sebastian,

ein Feedback zu:
Edit2: Ich habe nun das Problem mit einem "." im Namen gelöst, versuche es mal mit der aktuellen Version, ich hoffe es funktioniert jetzt...
Nach dem Update sind meine Diagramme alle wieder schön, sowohl auf dem kleinen als auch auf dem großen Bildschirm.
Vielen, lieben Dank.

Ich nehme mal an, dass die Suche nach viewBox Atrribut sich damit erledigt hat, oder?

Viele Grüße Gisbert
Aktuelles FHEM | PROXMOX | Fujitsu Futro S740 | Debian 12 | UniFi | Homematic, VCCU, HMUART | ESP8266 | ATtiny85 | Wasser-, Stromzähler | Wlan-Kamera | SIGNALduino, Flamingo Rauchmelder FA21/22RF | RHASSPY

xanker

#308
Zitat von: choetzu am 26 Juli 2019, 19:41:34
- Schriftgrösse Menu sollte skalierbar sein
- Zeilenabstand Menu ebenso
Habe mich doch dagegen entschieden, dass ich das als Option hinzufüge, es sei denn es melde sich noch ein paar Interessenten, denn ich will die Settings auch nicht total überfüllen. Und man kann das total einfach per "Additional CSS" setzen:
#menu a { font-size: 1.2em }
#menu div { padding: 4px 8px }

das sind die aktuellen Werte, beim Padding ist der erste Wert für oben/unten und der zweite Wert für links/rechts
Edit: Was ich noch vergessen habe. Padding wird bei kleinen Devices vergrößert, damit man die Räume besser mit dem Finger "trifft". Wenn du dort die Abstände auch ändern willst, musst du auch noch das hinzufügen:
@media all and (max-width: 900px) { #menu div { padding: 8px 8px; } }


Zitat von: Gisbert am 26 Juli 2019, 20:28:59
Nach dem Update sind meine Diagramme alle wieder schön, sowohl auf dem kleinen als auch auf dem großen Bildschirm.
Vielen, lieben Dank.

Ich nehme mal an, dass die Suche nach viewBox Atrribut sich damit erledigt hat, oder?
Jepp...und gerne doch :)
Maintainer vom flex Style.
Intel NUC mit fhem in Docker Container | Homematic | SIGNALduino 433MHz | HUE Bridge | Harmony HUB | lepresenced | alexa-fhem ...

choetzu

Zitat von: xanker am 26 Juli 2019, 20:30:21
Habe mich doch dagegen entschieden, dass ich das als Option hinzufüge, es sei denn es melde sich noch ein paar Interessenten, denn ich will die Settings auch nicht total überfüllen. Und man kann das total einfach per "Additional CSS" setzen:
#menu a { font-size: 1.2em }
#menu div { padding: 4px 8px }

das sind die aktuellen Werte, beim Padding ist der erste Wert für oben/unten und der zweite Wert für links/rechts
Edit: Was ich noch vergessen habe. Padding wird bei kleinen Devices vergrößert, damit man die Räume besser mit dem Finger "trifft". Wenn du dort die Abstände auch ändern willst, musst du auch noch das hinzufügen:
@media all and (max-width: 900px) { #menu div { padding: 8px 8px; } }

Klappt bestens! Herzlichen Dank!
Raspi3, EnOcean, Zwave, Homematic

FunkOdyssey

Zitat von: choetzu am 26 Juli 2019, 19:41:34
- Wenn ich im Mobile "update all" eingebe, wechselt FHEM auf Eventmonitor, aber es passiert nix. Ist das ein Styleding?

Das ist normal, aber ein Bug. Liegt aber nicht man Skin.
Wir ist deine longpoll-Wert in FHEMWEB?
In Safari mit longpoll = websocket funktioniert das bei mir auch nicht. Sobald ich aber einen Proxy (hier: nginx) nutze, klappt das wieder. Intern im LAN nutze ich den Proxy nicht und habe das auch.
Aber nur unter iOS und Safari.

FunkOdyssey

Bei mir sehen die colspans ich ein wenig merkwürdig aus.
In allen Browsern und allen Auflösungen. 

Icinger

Schönen guten Morgen,

Ich vermute mal einfach so, dass meine Plots nicht aufgrund der aktuell herrschenden Hitze geschrumpft sind?    ::) ::)

lg, Stefan
Verwende deine Zeit nicht mit Erklärungen. Die Menschen hören (lesen) nur, was sie hören (lesen) wollen. (c) Paulo Coelho

eurofinder

@zanker:
Super Style den du hier produzierst und toll auch, dass du ein offenes Ohr für Anregungen der Anwender hast. Danke dafür.

Entweder hab ich noch nicht den richtigen Weg gefunden, wie ich das in deinem Style einstellen kann, aber im Style f18 wird, wenn ich für das Attribut     
devStateStyle den Wert style="text-align:right" setze, die Anzeige rechtsbündig angezeigt. In deinem Style "verbleibt" die Ausgabe eher mittig.

Kann ich das irgendwie ändern und wenn ja wie? Wenn nein, würde ich mich freuen, wenn du das (ggf. optional) mit einbauen könntest.

Gruß
eurofinder
RPI3+; Raspbian Buster Lite; RPI-RF-MOD; piVCCU3, HMIP-eTRV-2, HmIP-SWDO, HmIP-SRH, HmIP-STHO, HmIP-SLO

schwatter

@xanker

Ein Vorschlag.
Zeitgesteuertes setzten von Stylepresets. Zum Beispiel am Tag heller Style,  am Abend/Nachts augenfreundlicher Style.