Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Runde ecken bei Buttons: Suche auch anpassen? #1265

Closed
xwolfde opened this issue Mar 30, 2023 · 14 comments
Closed

Runde ecken bei Buttons: Suche auch anpassen? #1265

xwolfde opened this issue Mar 30, 2023 · 14 comments

Comments

@xwolfde
Copy link
Member

xwolfde commented Mar 30, 2023

Wir haben überall einheitlich ein border-radius von 4px.
Ausser bei den Sucheingaben:
grafik

Soll das so bleiben?

@wrcg
Copy link

wrcg commented Mar 30, 2023

dann bitte auch die Farben ändern, wir haben sonst immer blau beim klickbaren Button, also das "Finden" mit blauem Hintergrund und das "Suchen"-Feld hell

@xwolfde
Copy link
Member Author

xwolfde commented Mar 31, 2023

Nicht nur Suche, sondern überall schauen, wo es runde Elemente gibt.

Einzige Ausnahme : Runde Personenbilder (aber die kommen eh über PLugin).

@FitoreGashi
Copy link
Collaborator

Screenshot 2023-04-26 at 11 33 19
@lukasniebler

@wrcg
Copy link

wrcg commented Apr 26, 2023

gerne auch die Farbgebung beim Suchfeld tauschen. Wir haben sonst auf der Seite immmer die Buttons, die gedrückt werden, blau. Hier ist es das Eingabefeld, was blau ist. Das ist aus meiner Sicht nicht ganz konsistent...

@lukasniebler
Copy link

@FitoreGashi Sieht auf den ersten Blick gut aus. Ich bespreche das noch kurz mit Silke, falls es noch Wünsche zur Gestaltung gibt.

@lukasniebler
Copy link

@FitoreGashi - Ich hab mal Rücksprache mit Silke gehalten. Wir entscheiden uns für die Version mit hellem Textfeld und blauem Button:
Bildschirm­foto 2023-04-27 um 09 15 09

(Am idealsten finden wir zwar, wenn das Suchfeld nur erscheint, wenn ein Nutzer auf ein Search-Icon klickt. Aber das ist vermutlich eher was für den kompletten Relaunch, da es vermutlich aufwendiger umzusetzen ist)

@FitoreGashi
Copy link
Collaborator

searchanimation.mov

denken Sie so? Bitte kümmern Sie sich nicht um den Radius @lukasniebler

@lukasniebler
Copy link

@FitoreGashi Ich finde es gut! Aber ich warte noch ab, bis Ich Feedback von Silke und Wolfgang noch dazu bekomme. Spätestens nächsten Dienstag / Mittwoch habe ich dann von beiden Feedback zum Suchfeld.

@xwolfde
Copy link
Member Author

xwolfde commented May 8, 2023

Für mich passt es so, aber bitte unbedingt auch die Pad und Handy-Variante prüfen!
Bei der Desktop-Variante, zumal einer wo so viel Platz frei ist, würde ich den Suchschlitz offen lassen, damit er augenfälliger und klarer zu erkennen ist.

@lukasniebler
Copy link

@xwolfde
Hintergrund war ja eigentlich, dass er in der Desktop-Variante unauffälliger wird, damit die Aufmerksamkeit nicht auf der (derzeit nicht gut funktionierenden) Suche liegt.

Aber ich kann auch mit einem offenen Suchfeld leben.

@xwolfde
Copy link
Member Author

xwolfde commented May 8, 2023

Ich bin an der Stelle selbst nicht so sicher...

@xwolfde
Copy link
Member Author

xwolfde commented May 9, 2023

Ok, machen wir so: Nur die Lupe zeigen, und wenn man drauf klickt, geht das Suchfeld auf.
DerAbsende-Button soll dann auch erst sichtbar werden, wenn die Suche aufgeklappt wird.

Bitte beachten: Buttons sollten immer mind. 48px Größe (Daumengröße :) haben.

@FitoreGashi
Copy link
Collaborator

b527e32 Müssen wir jetzt den allen Randradius auf 0 ändern?

@xwolfde
Copy link
Member Author

xwolfde commented Jun 5, 2023

Ja, aber bitte jeweils einen der beiden Custom Properties (--border-radius, --border-radius-buttons) verwenden, frü den Fall, dass es doch irgendwann wieder geändert wird.

danielboese added a commit that referenced this issue Jul 28, 2023
… numerial selectors for gallery slider, small fix done for left content navigation in mobile view
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants