OpenStreetMap Forum

The Free Wiki World Map

You are not logged in.

#1 2019-07-22 19:51:31

Negreheb
Member
From: Austria
Registered: 2015-11-10
Posts: 249

New style for the forum available (now responsive!) - Air3

Hello,

comments welcome in english as well. If you have issues, it is also possible to drop them at GitHub.

Greetings

Servus,

es heisst doch immer, wen wem was nicht passt, soll man es besser machen. Ich hab das mal versucht: es gibt nun ein neues Theme für's Forum und das ist jetzt auch responsive. Und da sich Leute ungern an neues gewohnen, ist es auch recht nah am alten Forumstyle dabei, weswegen es auch Air3 heisst (Original ist "Air" und "Air 2" gabs schon...).

Probiert ihn gern aus, erwartet nicht zu viel und ihr könnt mir gern hier reinschreiben, wenn ihr wo Fehler findet oder Verbesserungsvorschläge habt. Ich kann dann schauen, was ich noch machen kann mit HTML und CSS.

Besten Dank natürlich auch Tom Hughes, der den Style dann überhaupt eingefügt hat. Ich habs erstmal hier announced, in kleinem Testrahmen, so zu sagen. Wenn der Style funktioniert und anklang findet, würde ich vielleicht einen der Administratoren anhauen, ob die den dann als default aktivieren wollen, aber bis dahin geht sicher noch ein bisschen Zeit ins Land big_smile

Have fun and happy bughunting? Oder so?

Wie aktivieren
Einfach unter "Profile" - "Display" - "Air3" auswählen, "Save" (oder "Speichern") drücken, die Seite ladet neu und schon ist der neue Style aktiv, der auch am Handy lesbar ist.

Rückmeldung
Hier im Thread oder unter GitHub

Screenshots
Jeweils links alt, rechts neu: https://imgur.com/a/p9oPCeO

Smartphone

kOMuxvP.png
p0Yb2Tb.png
aqVG2Kw.png

Desktop
KgP0wWo.png
soQx38X.png

fde6Crn.png
ZfwZwkv.png

RMXrC5M.png
r1X2VsL.png

EDIT: Bilder eingefügt und ein bisschen eingefügt.

Last edited by Negreheb (2019-08-05 12:51:36)

Offline

#2 2019-07-22 23:29:50

Gppes
Member
From: Leoben / Austria
Registered: 2015-12-15
Posts: 604

Re: New style for the forum available (now responsive!) - Air3

Hallo,

Super Sache, dass das jetzt mit dem Handy besser gehen soll...

Ich habe das jetzt mal am PC eingestellt. Sollte ich mit dem normalen Browser auch irgend etwas neues bemerken?

Lg, Gppes

Offline

#3 2019-07-23 06:05:37

Luzandro
Member
Registered: 2015-12-16
Posts: 324

Re: New style for the forum available (now responsive!) - Air3

Tolle Sache, wurde auch schon in der vorigen Wochennotiz vorgestellt (noch unter anderem Namen). Habe allerdings noch nicht viel getestet, da ich nicht durchgehend eingeloggt bin.

Gppes wrote:

Ich habe das jetzt mal am PC eingestellt. Sollte ich mit dem normalen Browser auch irgend etwas neues bemerken?

Ja, es geht jetzt über die gesamte Breite, was man aber mMn. noch ändern sollte und für .pun wieder

max-width: 1070px;
margin: 0 auto;

hinzufügen sollte.
Und es skaliert natürlich schöner, wenn du das Fenster verkleinerst

Offline

#4 2019-07-23 09:57:17

R0bst3r
Member
Registered: 2015-04-23
Posts: 532

Re: New style for the forum available (now responsive!) - Air3

Ich finds gut, besonders für das Smartphone scheint er auf den ersten Blick besser geeignet. Danke!

Offline

#5 2019-07-23 10:01:10

Gppes
Member
From: Leoben / Austria
Registered: 2015-12-15
Posts: 604

Re: New style for the forum available (now responsive!) - Air3

Jo, am Handy echt super!

Offline

#6 2019-07-23 10:43:36

Negreheb
Member
From: Austria
Registered: 2015-11-10
Posts: 249

Re: New style for the forum available (now responsive!) - Air3

Luzandro wrote:

Tolle Sache, wurde auch schon in der vorigen Wochennotiz vorgestellt (noch unter anderem Namen).

Oh crap, das war nur mal zum testen zwei Styles hochgeladen, das sollte noch gar nicht so raus, genau wegen der Situation jetzt tongue Naja, geht die Welt auch nicht unter. danke für die Info und ich werde die Wochennotiz noch informieren. Da ich den Style jetzt gemacht habe, kann ich einfach Änderungen vornehmen und der Name bleibt gleich.

Luzandro wrote:

Ja, es geht jetzt über die gesamte Breite, was man aber mMn. noch ändern sollte und für .pun wieder

max-width: 1070px;
margin: 0 auto;

hinzufügen sollte.

Gerade noch einmal angeschaut, ich denke, damit hast du recht. Ist notiert und ich warte erstmal ab, kommt aber wieder rein. Ein bisschen rumgelesen https://graphicdesign.stackexchange.com … -a-website oder https://graphicdesign.stackexchange.com … -a-website und ich denke, 1070px ist ein ganz guter Wert. Danke für den Input! smile

Ahja, und ich hab Screens hinzugefügt für einen direkten Vergleich. Links alt, rechts neu oder oben alt, unten neu.

EDIT: Wenn die Screenshots jemand nicht haben will (weil Name oder whatever) bitte einfach melden, ich mach dann andere, wo kein Nick drauf ist big_smile

Last edited by Negreheb (2019-07-23 10:49:34)

Offline

#7 2019-07-23 13:11:41

Luzandro
Member
Registered: 2015-12-16
Posts: 324

Re: New style for the forum available (now responsive!) - Air3

Das Datum und die # sollte bei der mobile Variante noch weiter nach rechts, idealerweise gleich rechtsbündig, aber fürs erste würde auch schon helfen das padding-left des h2 von 140px auf bspw. 260px zu erhöhen:
3zU9dR8.png

Last edited by Luzandro (2019-07-23 13:14:15)

Offline

#8 2019-07-30 19:26:45

Mammi71
Member
Registered: 2018-06-25
Posts: 798

Re: New style for the forum available (now responsive!) - Air3

Ich finde das Design auch nach einigen Tagen Dauertest noch gut. Nur dass die Schaltflächen für die Formatierung der Schnellantwort über die gesamte Breite gehen empfinde ich etwas irritierend und Platzverschwendung.

Online

#9 2019-07-31 13:50:54

Negreheb
Member
From: Austria
Registered: 2015-11-10
Posts: 249

Re: New style for the forum available (now responsive!) - Air3

Es werden gerade neue Favicons für sämtliche Seiten von OSM gesucht, ich werde also auch das Template schon mal für ein Favicon vorbereiten. Die Breite wird angepasst und die Zeit/das Datum und die Postingnummer habe ich auch bereits angepasst, Luzandro.
Ich werde mal schauen, ob ich das mit den Formatierungen für die Schnellantwort auch noch anpassen kann. Danke für die Rückmeldung smile

Offline

#10 2019-07-31 15:42:13

Luzandro
Member
Registered: 2015-12-16
Posts: 324

Re: New style for the forum available (now responsive!) - Air3

Negreheb wrote:

Ich werde mal schauen, ob ich das mit den Formatierungen für die Schnellantwort auch noch anpassen kann.

Dazu sollte es reichen diesen Pull-Request zu akzeptieren: https://github.com/natrius/air3/pull/3

Offline

#11 2019-07-31 18:06:55

R0bst3r
Member
Registered: 2015-04-23
Posts: 532

Re: New style for the forum available (now responsive!) - Air3

Warum kleine Buttons, wenns die großen doch auch tun?

Offline

#12 2019-07-31 20:00:20

Luzandro
Member
Registered: 2015-12-16
Posts: 324

Re: New style for the forum available (now responsive!) - Air3

R0bst3r wrote:

Warum kleine Buttons, wenns die großen doch auch tun?

warum direkt aneinander gestapelte breite Buttons, die einen beträchtlichen Teil des kleinen Displays brauchen, wenn die schmalen mit größerem Abstand besser zu treffen sind und weniger Platz brauchen?

Offline

#13 2019-07-31 20:57:30

Marek-M
Member
From: [PL] Banino
Registered: 2017-01-24
Posts: 64

Re: New style for the forum available (now responsive!) - Air3

New responsive style Air3 is very functional on narrow screens in smartphone, but in narrowest style it will be nice to have forum name next to topics. I made some screenshot modifications, where I present what I mean. It is easier to preview new posts on forum. Is it possible?
R6jptXf.png


Marek-M

Offline

#14 2019-08-01 08:47:17

Negreheb
Member
From: Austria
Registered: 2015-11-10
Posts: 249

Re: New style for the forum available (now responsive!) - Air3

Pullrequest accepted, gefällt mir gut. ist auch Platzsparender am Smartphone und um das gehts ja effektiv dann.

@Marek-M
Ohiu, never used the "new topics" before. Will take a look into that, thank you smile

Offline

#15 2019-08-06 21:20:29

streckenkundler
Member
From: Lübben (Spreewald)
Registered: 2012-08-09
Posts: 3,504
Website

Re: New style for the forum available (now responsive!) - Air3

Hei,

Danke,

lässt es sich so gestalten, daß ich z.B. nur auf dem Handy den responsive Style nutzen kann? Also z.B. Handy "Air3" und Tablet/Laptop zugleich z.B.  "Earth"? Wenn ich derzeit auf dem Handy "Air3" einstelle, habe ich es auf anderen Geräten (Tablett, Laptop) auch, was mir nicht gefällt. Ich würde das Forum nur auf dem Handy in angepasster Ansicht haben wollen...

Sven

Offline

#16 2019-08-06 21:46:47

Negreheb
Member
From: Austria
Registered: 2015-11-10
Posts: 249

Re: New style for the forum available (now responsive!) - Air3

@Marek-M

Please take a look at the GitHub Issue - that would be something thats possible right now. I will look into removing the column and just writing it below the title, but i can't promise that.

@streckenkundler

Servus. Ich befürchte, das gibt die Forensoftware so nicht her hmm Phiu. Man könnte schauen, ob man Air mit den Farben usw. auf Earth ummünzen kann. Sonst hat sich, glaube ich, nichts geändert. Ich kann mir das bezeiten zwar schon mal anschauen, aber erst, wenn der Style zumindest das nächste Update hat.

Offline

#17 2019-08-07 07:24:04

Marek-M
Member
From: [PL] Banino
Registered: 2017-01-24
Posts: 64

Re: New style for the forum available (now responsive!) - Air3

Cool! It will be great if you change it! Thank you :-)


Marek-M

Offline

#18 2019-08-22 13:06:03

Negreheb
Member
From: Austria
Registered: 2015-11-10
Posts: 249

Re: New style for the forum available (now responsive!) - Air3

Update:

- Changed max width to 1070px for a better readability on the desktop
- forum names now visible when viewing "new" threads
- Increased visibility for Sticky threads, raised fontsize and added a symbol in front
- date and postnumber now right aligned on cellphone

Is the increased font-size for sticky threads over the top? Espacially because its affecting closed threads as well? @Luzandro it seems like the change does not affect my phone? Care to check again?

EDIT: Vergiss es Luzandro, ich war deppert und hab deine Änderung irgendwie gelöscht. Wie auch immer. Ich packs wieder rein.

Last edited by Negreheb (2019-08-22 13:18:17)

Offline

#19 2019-08-22 13:36:16

Marek-M
Member
From: [PL] Banino
Registered: 2017-01-24
Posts: 64

Re: New style for the forum available (now responsive!) - Air3

Negreheb wrote:

Update:
- forum names now visible when viewing "new" threads

Thank you very much! Now it looks exactly like I dreamed. Very good job!


Marek-M

Offline

Board footer

Powered by FluxBB