tag:forum.selfhtml.org,2005:/selfNeues Formular-Styling – Meta-Forum (read only)2017-07-13T13:54:05Zhttps://forum.selfhtml.org/meta/2017/jul/12/neues-formular-styling/1698929#m1698929Christian Krusehttps://wwwtech.de/about2017-07-12T19:48:49Z2017-07-12T19:48:49ZNeues 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#m1698940Auge2017-07-13T06:16:24Z2017-07-13T06:16:24ZNeues 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#m1698942Christian Krusehttps://wwwtech.de/about2017-07-13T06:21:17Z2017-07-13T06:21:17ZNeues 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#m1698952Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-07-13T08:12:06Z2017-07-13T08:12:06ZNeues 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#m1698953Christian Krusehttps://wwwtech.de/about2017-07-13T08:20:31Z2017-07-13T08:20:31ZNeues 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#m1698996Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-07-13T13:42:24Z2017-07-13T13:42:24ZNeues 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#m1698960TSts-self@online.dehttps://bitworks.de2017-07-13T08:56:38Z2017-07-13T08:56:38ZNeues 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#m1698961Christian Krusehttps://wwwtech.de/about2017-07-13T08:59:11Z2017-07-13T08:59:11ZNeues 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#m1698962dedlfix2017-07-13T09:01:03Z2017-07-13T09:01:03ZNeues 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#m1698963Christian Krusehttps://wwwtech.de/about2017-07-13T09:09:46Z2017-07-13T09:09:46ZNeues 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#m1698965dedlfix2017-07-13T09:12:46Z2017-07-13T09:12:46ZNeues 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#m1698966Christian Krusehttps://wwwtech.de/about2017-07-13T09:18:06Z2017-07-13T09:18:06ZNeues 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#m1698967Tabellenkalk2017-07-13T09:22:03Z2017-07-13T09:22:03ZNeues 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#m1698969TSts-self@online.dehttps://bitworks.de2017-07-13T09:24:11Z2017-07-13T09:24:11ZNeues 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#m1698971TSts-self@online.dehttps://bitworks.de2017-07-13T09:27:58Z2017-07-13T09:27:58ZNeues 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#m1698973Christian Krusehttps://wwwtech.de/about2017-07-13T09:30:37Z2017-07-13T09:30:37ZNeues 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#m1698978Tabellenkalk2017-07-13T09:47:28Z2017-07-13T09:47:28ZNeues 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#m1699000Christian Krusehttps://wwwtech.de/about2017-07-13T13:54:05Z2017-07-13T13:54:05ZNeues 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>