tag:forum.selfhtml.org,2005:/self Neues Formular-Styling – Meta-Forum (read only) 2017-07-13T13:54:05Z https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698929#m1698929 Christian Kruse https://wwwtech.de/about 2017-07-12T19:48:49Z 2017-07-12T19:48:49Z Neues Formular-Styling <p>Hallo zusammen,</p> <p>im Rahmen der „Zugänglichkeits-Offensive“ habe ich das Formular-Styling angepasst, so dass die Label jetzt über dem Feld sind und nicht mehr links daneben. Das hat auch den positiven Nebeneffekt, dass jetzt viel mehr Platz für Text da ist </p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698940#m1698940 Auge 2017-07-13T06:16:24Z 2017-07-13T06:16:24Z Neues Formular-Styling <p>Hallo</p> <blockquote> <p>das Formular-Styling angepasst, … Das hat auch den positiven Nebeneffekt, dass jetzt viel mehr Platz für Text da ist</p> </blockquote> <p>Dass das Eingabefeld für die Tags nun ebenfalls die gesamte Breite einnimmt, ist so gewollt?</p> <p><a href="/images/76484ac3-ca4d-4bf1-896e-4ce9b70146e3.png" rel="noopener noreferrer"><img src="/images/76484ac3-ca4d-4bf1-896e-4ce9b70146e3.png?size=medium" alt="Screenshot: Eingabe der Tags" loading="lazy"></a></p> <p>Screenshot auf 66% der Originalgröße skaliert, Firefox 54</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br> Toller Dampf voraus von Terry Pratchett </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698942#m1698942 Christian Kruse https://wwwtech.de/about 2017-07-13T06:21:17Z 2017-07-13T06:21:17Z Neues Formular-Styling <p>Hallo Auge,</p> <blockquote> <p>Dass das Eingabefeld für die Tags nun ebenfalls die gesamte Breite einnimmt, ist so gewollt?</p> </blockquote> <p>Ja.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698952#m1698952 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-07-13T08:12:06Z 2017-07-13T08:12:06Z Neues Formular-Styling <p>Hallo Christian Kruse,</p> <p>Ich hatte gerade ein fehlendes Formularfeld.</p> <p><a href="/images/d94fd3fb-8145-48e3-b2a8-0d23cdcd80c8.png" rel="noopener noreferrer"><img src="/images/d94fd3fb-8145-48e3-b2a8-0d23cdcd80c8.png?size=medium" alt="Screenshot fehlendes input-Feld" loading="lazy"></a></p> <p>Für diesen Beitrag ist es da.</p> <p>PS: Hast du auch an der Textarea was gemacht? Das Schriftbild ist irgendwie besser/klarer als vorher.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698953#m1698953 Christian Kruse https://wwwtech.de/about 2017-07-13T08:20:31Z 2017-07-13T08:20:31Z Neues Formular-Styling <p>Hallo Matthias,</p> <blockquote> <p>PS: Hast du auch an der Textarea was gemacht? Das Schriftbild ist irgendwie besser/klarer als vorher.</p> </blockquote> <p>Nö. Ich vermute, du bildest dir das ein… </p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698996#m1698996 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-07-13T13:42:24Z 2017-07-13T13:42:24Z Neues Formular-Styling <p>Hallo Matthias Apsel,</p> <blockquote> <p>Ich hatte gerade ein fehlendes Formularfeld.</p> </blockquote> <p>Schon wieder.</p> <p>Wenn ein Beitrag schon 3 Tags hat, und man löscht eins, wird nur die Überschrift "Tags" eingeblendet, nicht aber das Textfeld.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698960#m1698960 TS ts-self@online.de https://bitworks.de 2017-07-13T08:56:38Z 2017-07-13T08:56:38Z Neues Formular-Styling <p>Hello,</p> <blockquote> <blockquote> <p>PS: Hast du auch an der Textarea was gemacht? Das Schriftbild ist irgendwie besser/klarer als vorher.</p> </blockquote> <p>Nö. Ich vermute, du bildest dir das ein… </p> </blockquote> <p>Dann bilde ich mir das auch ein.<br> Die Schrift/Fontsize ist einfach größer geworden.<br> Warum?</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es<br> Andersdenkende waren noch nie beliebt, aber meistens diejenigen, die die Freiheit vorangebracht haben.<br> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698961#m1698961 Christian Kruse https://wwwtech.de/about 2017-07-13T08:59:11Z 2017-07-13T08:59:11Z Neues Formular-Styling <p>Hallo TS,</p> <blockquote> <p>Die Schrift/Fontsize ist einfach größer geworden.</p> </blockquote> <p>Nein, die Schriftgröße hat sich nicht geändert.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698962#m1698962 dedlfix 2017-07-13T09:01:03Z 2017-07-13T09:01:03Z Neues Formular-Styling <p>Tach!</p> <blockquote> <blockquote> <p>Die Schrift/Fontsize ist einfach größer geworden.</p> </blockquote> <p>Nein, die Schriftgröße hat sich nicht geändert.</p> </blockquote> <p>Ich leide aber auch an der Einbildung der größeren Schrift.</p> <p>dedlfix.</p> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698963#m1698963 Christian Kruse https://wwwtech.de/about 2017-07-13T09:09:46Z 2017-07-13T09:09:46Z Neues Formular-Styling <p>Hallo dedlfix,</p> <blockquote> <blockquote> <blockquote> <p>Die Schrift/Fontsize ist einfach größer geworden.</p> </blockquote> <p>Nein, die Schriftgröße hat sich nicht geändert.</p> </blockquote> <p>Ich leide aber auch an der Einbildung der größeren Schrift.</p> </blockquote> <p>Wie gesagt. Sie hat sich nicht geändert. <a href="https://github.com/ckruse/cforum/blob/master/app/assets/stylesheets/forms.css.scss#L281" rel="noopener noreferrer">Sie ist nach wie vor auf <code>16px</code> gesetzt</a>. <a href="https://github.com/ckruse/cforum/blob/18fafba894e7fcd0f7373a1091071296c0d31008/app/assets/stylesheets/forms.css.scss#L67" rel="noopener noreferrer">Das war vorher auch der Fall</a>. <code>16px</code> damit iOS bei Fokus nicht zoomt.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698965#m1698965 dedlfix 2017-07-13T09:12:46Z 2017-07-13T09:12:46Z Neues Formular-Styling <p>Tach!</p> <blockquote> <p>Wie gesagt. Sie hat sich nicht geändert. <a href="https://github.com/ckruse/cforum/blob/master/app/assets/stylesheets/forms.css.scss#L281" rel="noopener noreferrer">Sie ist nach wie vor auf <code>16px</code> gesetzt</a>. <a href="https://github.com/ckruse/cforum/blob/18fafba894e7fcd0f7373a1091071296c0d31008/app/assets/stylesheets/forms.css.scss#L67" rel="noopener noreferrer">Das war vorher auch der Fall</a>. <code>16px</code> damit iOS bei Fokus nicht zoomt.</p> </blockquote> <p>Dann ist vielleicht die Vorschau kleiner geworden und lässt die Eingabe größer wirken. Schlecht ist das nicht, aber dass es größer aussieht, fällt auf.</p> <p>dedlfix.</p> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698966#m1698966 Christian Kruse https://wwwtech.de/about 2017-07-13T09:18:06Z 2017-07-13T09:18:06Z Neues Formular-Styling <p>Hallo dedlfix,</p> <blockquote> <blockquote> <p>Wie gesagt. Sie hat sich nicht geändert. <a href="https://github.com/ckruse/cforum/blob/master/app/assets/stylesheets/forms.css.scss#L281" rel="noopener noreferrer">Sie ist nach wie vor auf <code>16px</code> gesetzt</a>. <a href="https://github.com/ckruse/cforum/blob/18fafba894e7fcd0f7373a1091071296c0d31008/app/assets/stylesheets/forms.css.scss#L67" rel="noopener noreferrer">Das war vorher auch der Fall</a>. <code>16px</code> damit iOS bei Fokus nicht zoomt.</p> </blockquote> <p>Dann ist vielleicht die Vorschau kleiner geworden und lässt die Eingabe größer wirken.</p> </blockquote> <p>Da ist die Schriftgröße nach wie vor auf <code>1em</code>… </p> <blockquote> <p>Schlecht ist das nicht, aber dass es größer aussieht, fällt auf.</p> </blockquote> <p>Dass es grösser aussieht mag sein, aber woher das kommen soll weiss ich nicht.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698967#m1698967 Tabellenkalk 2017-07-13T09:22:03Z 2017-07-13T09:22:03Z Neues Formular-Styling <p>Hallo,</p> <blockquote> <p>Dass es grösser aussieht mag sein, aber woher das kommen soll weiss ich nicht.</p> </blockquote> <p>Bei mir auch! Könnte es mit einem kürzlichen Browser-Update (bei mir Firefox) zusammenhängen?</p> <p>Gruß<br> Kalk</p> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698969#m1698969 TS ts-self@online.de https://bitworks.de 2017-07-13T09:24:11Z 2017-07-13T09:24:11Z Neues Formular-Styling <p>Hello,</p> <blockquote> <blockquote> <p>Schlecht ist das nicht, aber dass es größer aussieht, fällt auf.</p> </blockquote> </blockquote> <p>Finde ich im Moment auf dem Desktop auch. Aber ich habe noch nicht alle Devices ausprobiert.</p> <blockquote> <p>Dass es grösser aussieht mag sein, aber woher das kommen soll weiss ich nicht.</p> </blockquote> <p>Vorher hatte ich 20 oder 21 Zeilen in der Textarea, ohne sie in der Größe zu verändern. Jetzt habe ich nur noch 16½.</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es<br> Andersdenkende waren noch nie beliebt, aber meistens diejenigen, die die Freiheit vorangebracht haben.<br> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698971#m1698971 TS ts-self@online.de https://bitworks.de 2017-07-13T09:27:58Z 2017-07-13T09:27:58Z Neues Formular-Styling <p>Hello,</p> <blockquote> <blockquote> <p>Dass es grösser aussieht mag sein, aber woher das kommen soll weiss ich nicht.</p> </blockquote> <p>Bei mir auch! Könnte es mit einem kürzlichen Browser-Update (bei mir Firefox) zusammenhängen?</p> </blockquote> <p>Glaube ich nicht, da ich zur Zeit auf meinem "eingefrorenen System" herumtippe und da habe ich nichts geändert.</p> <p>Der FF-Inspektor zeigt auch noch ganz klar 16px für den Font in der Textarea an.<br> Ich habe jetzt aber noch nicht danach geschaut, ob sich eventuell der Font selbst geändert hat. Wird der vielleicht jetzt als Webfont geladen und vorher nicht oder umgekehrt?</p> <p>Liebe Grüße<br> Tom S.</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es<br> Andersdenkende waren noch nie beliebt, aber meistens diejenigen, die die Freiheit vorangebracht haben.<br> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698973#m1698973 Christian Kruse https://wwwtech.de/about 2017-07-13T09:30:37Z 2017-07-13T09:30:37Z Neues Formular-Styling <p>Hallo TS,</p> <blockquote> <p>Wird der vielleicht jetzt als Webfont geladen und vorher nicht oder umgekehrt?</p> </blockquote> <p>Nein. Es ist nachwievor <code>font-family: Menlo,Monaco,Consolas,"Courier New",monospace</code> aktiv.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698978#m1698978 Tabellenkalk 2017-07-13T09:47:28Z 2017-07-13T09:47:28Z Neues Formular-Styling <p>Hallo,</p> <blockquote> <p>Nein.</p> </blockquote> <p>Dann müssen wir wohl als wahrscheinlichste Ursache eine Massenhalluzination annehmen.</p> <p>Gruß<br> Kalk</p> https://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1699000#m1699000 Christian Kruse https://wwwtech.de/about 2017-07-13T13:54:05Z 2017-07-13T13:54:05Z Neues Formular-Styling <p>Hallo Matthias,</p> <blockquote> <p>Wenn ein Beitrag schon 3 Tags hat, und man löscht eins, wird nur die Überschrift "Tags" eingeblendet, nicht aber das Textfeld.</p> </blockquote> <p>Ah, das wars. Danke, fixed.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div>