search

springers54 / reiki

0 stars 0 forks source link

Bildgröße bei Übersichtsseiten sind nicht stimmig: 150px auf Desktop #226

Closed springers54 closed 5 years ago

springers54 commented 5 years ago

Bildergröße Übersichtseiten Desktop 150px

Die Bildergrößen auf den Übersichtsseiten waren einheitlich auf 150px auf Desktop und 1/3 der Breite auf Handy festgelegt. Kleinere Breiten werden in den Rahmen gesetzt, der die 150px Breite hat.

https://zen-reiki.de/themen/bereich/heilen/ grafik

Leider stimmt das überhaupt nicht mehr, wo man auch guckt, außer bei Symbolen, weil die genau in dieser Breite eingebunden sind.

Bildgröße Detailseite:

Lehrerseiten: 400 px Symbolseiten : 150 px Beitragsseiten: 300 px Buchbilder 128 px

joergsteinhauer commented 5 years ago

Angepasst auf den Übersichtsseiten

Mobile (bis 720px) sind die Bilder max. 30% breit, ansonsten genau so breit wie sie angelegt sind. Desktop (ab 720px) sind die Bilder max. 150px breit, ansonsten genau so breit wie sie angelegt sind. Bilder, die kleiner als 150px breit sind und die Klasse "forceDefaultWidth" haben, bekommen einen Rand und einen Abstand zum Rand, sodass die Gesamtgröße 150px beträgt.

springers54 commented 5 years ago

https://zen-reiki.de/themen/bereich/coaching/ grafik

Hier funktioniert es nicht. Es hilft auch nicht, das Bild in einen Rahmen zu setzen

joergsteinhauer commented 5 years ago

Wiedermal Missverständnisse und unklare Anforderungen...

Bevor ich was umsetzen, bitte klar definieren, wie es auf Mobile und Desktop sein soll. In beiden Fällen: was passiert, wenn ein Bild zu groß und zu klein ist.

springers54 commented 5 years ago

Der Wunsch war, dass die Übersichtsseiten bei allen Bildergrößen identisch sind. Was ist daran eine unklare Anforderung?

Und du hattest bereits den Weg gefunden, was in welchem Fall passiert. Nur eben nicht einheitlich umgesetzt.

Also nochmal:

joergsteinhauer commented 5 years ago

Ich zeige hier einfach mal, wie die korrekte Anforderung wäre. Ich denke mal, so ist es korrekt:

Mobil

Alle Bilder sollen generell 30% breit sein. Achtung: nicht maximal 30% breit (so wie es noch der Fall ist), sondern IMMER 30% breit.

Desktop

Alle Bilder sollen generell 150px breit sein .Achtung: nicht maximal 150px breit (so wie es noch der Fall ist), sondern IMMER 150px breit.

Wie du siehst, ist die Logik an sich die gleiche, nur haben wir Mobile %-Angaben, auf Desktop feste px Größen. Und wie du siehst, wurde in deiner Anforderung nicht alles bedacht. Ich sehe in deiner initialen Anforderung hier im Ticket nirgendwo die Sache mit 30%. Ich sehe feste px Angaben. Du schreibst zwar was von 1/3, aber das ist sowas von nicht nachvollziehbar, dass ich das eben missverstehe, Sowas sehe in vielen Tickets und genau das hindert mich daran, eure Wünsche zielgenau umzusetzen. Und das wird weiterhin so laufen, so lange ihr nicht klare und verständliche Anforderungen aufstellt.

joergsteinhauer commented 5 years ago

Bitte also erst meinen Anforderung-Vorschlag freigeben, danach beginne ich mit der Umsetzung.

springers54 commented 5 years ago

Diese Issue hieß nicht ohne Grund im Titel DESKTOP und bezog sich genau darauf. Gelernt hatten wir, dass die Vermischung von Desktop und Mobil zu mehr Verwirrung geführt hat und deshalb gab es für jede Geräteklasse eigene Issues.

springers54 commented 5 years ago

Brauchst nichts mehr zu machen, wir sind den Weg des geringsten Widerstandes gegangen und haben die Icons auf 150 px gebracht. Das sollte damit die Probleme gelöst haben.