Neugestaltung Antwortfeld

[MatthiasApsel]

Was hältst du davon? Die Buttons sind nicht so klobig, sie sind deutlich näher am Antwortfeld, das Fragezeichen, gern auch eins im Kreis führt zur Wikiseite.

Gern auch so, denn ich glaube, die fullscreenansicht wird nicht/kaum genutzt.

[auge8472]

Wurde der Text zur Beschreibung der Buttonfunktion nicht eingeführt, um denen, die die Icon-Fonts nicht sehen oder nicht interpretieren können, diese Funktion mitzuteilen? Wieso soll das nun wieder aufgegeben werden?

[MatthiasApsel]

Ich habe die Beschriftungen ausgeblendet. Mit Beschriftung sähen sie halt alle so aus wie die letzten beiden. Allerdings kenne ich auch keine GUI, in der solcherart Buttons beschriftet wären. Sie müssen natürlich eine zugängliche Beschriftung bekommen.

[MatthiasApsel]

Sähe dann so aus.

[ckruse]

ich hätte sie lieber ohne Beschriftung… prinzipiell gefällt mir das aber gut.

[MatthiasApsel]

Ich auch.

[ckruse]

Hast du das CSS hierfür irgendwo rumliegen? Dann muss ich das nicht selber alles nachbauen.

[MatthiasApsel]

Leider nein. Aber ich kann das CSS morgen rausschreiben. Ich habe das mit den Entwicklertools gebaut und da kann man sich ja relativ leicht über CSS-Regeln hinwegsetzen.

[ckruse]

Ja, das wäre nicht schlecht.

[MatthiasApsel]

Der Hilfe-Button fehlt noch ;-)

[ckruse]

Äh. Ja. Bin gerade essen, später oder morgen früh :)

[MatthiasApsel]

Nicht schlimm ;-) Lässt sich der Fokus auf die textarea so setzen, dass die Buttonleiste im Viewport ist?

[ckruse]

Das ist bereits der Fall. Das Fieldset wird in den Viewport gescrollt, die Button-Leiste ist Teil des Fieldsets. Und hier funktioniert das auch genau wie gewünscht.

[MatthiasApsel]

Hm. Stimmt. Muss ich mal schauen, warum das mit meinem User-JS nicht geht.

[MatthiasApsel]

Wenn der Hilfe-Button ein a-Element ist, dann border: 2px solid #feebe6 sonst sind die Flächen unterschiedlich groß. Das dicke Fragezeichen class="fa fa-question" ist nicht erwünscht? Der Text soll bleiben?

[ckruse]

Bei mir ist die Fläche mit Border etwa zwei Pixel höher als die anderen Schaltflächen:

Ohne Border ist sie identisch hoch. Safari, Chrome und Firefox auf OS X.

Sicher, dass das nicht an deinem User-CSS liegt?

[MatthiasApsel]

Es liegt am Firefox

.btn-default.btn-sm.btn::-moz-focus-inner {
    padding: 0;
    margin: 0;
    border: 0;
}

macht die buttons kleiner.

Siehe http://stackoverflow.com/questions/5370609/difference-between-firefox-and-chrome-padding

[ckruse]

warum sehe ich das dann nicht bei mir im Firefox?

[MatthiasApsel]

Das frage ich mich auch. Bei mir ist es sowohl unter Windows als auch unter Mint sichtbar. Vielleicht unterstützt der FF unter OS X dies nicht.

Wenn du in den Entwicklertools ::-moz-focus-inner { padding: 1em; } eingibst, tut sich da was?

[ckruse]

Es scheinen andere Default-Werte zu sein. Wenn ich diese Regel in den Entwickler-Tools beim Firefox deaktiviere und wieder aktivere im Wechsel, dann sehe ich, dass die Buttons zwar in die Breite aber nicht in die Höhe wachsen.

[MatthiasApsel]

Du könntest sogar ::-moz-focus-inner schreiben, das Problem tritt nämlich auch bei den message-Links auf.