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

Weird action elements placement in edit views #683

Closed
koeaw opened this issue Feb 29, 2024 · 5 comments
Closed

Weird action elements placement in edit views #683

koeaw opened this issue Feb 29, 2024 · 5 comments
Labels
UI-UX Appearance, coherence, usability of user-facing parts (frontend, user interface)

Comments

@koeaw
Copy link
Contributor

koeaw commented Feb 29, 2024

My update views all look like this at the top:

Screenshot 2024-02-29 at 17-36-30 Ein Werk

... using generic app (URL is /apis_ontology.work/update/X).

Is this intentional? A bug on my end? Potentially already fixed in a newer version? It's not super high priority and I could look into fixing this.

I generally wanted to suggest to turn the action buttons into actual buttons, which is why I already looked at the CSS for a bit a while ago. (Not for this template, but for list view; stopped short at this one.)

@koeaw koeaw added the UI-UX Appearance, coherence, usability of user-facing parts (frontend, user interface) label Feb 29, 2024
@koeaw
Copy link
Contributor Author

koeaw commented Feb 29, 2024

Ah, hmm, is it possible that my templates contain a mix of things while I'm not yet done implementing everything necessary for the switch to generic app?

I just noticed that I'm also seeing the buttons in (generic) detail view, including the "view" button (!), which links to the old "detail" view. 🤔 (... unedited a previous edit after confirming I'm indeed seeing this in both views)

@b1rger
Copy link
Contributor

b1rger commented Feb 29, 2024

Is this intentional?

I'm not really sure if I'm missing something, but the edit and updated views were redesigned during the switch to the generic app (well, actually, replaced, not redesigned). I'm not seeing anything wrong in the screenshot, but maybe I'm missing what exactly you are referring to

@koeaw
Copy link
Contributor Author

koeaw commented Feb 29, 2024

It's the placement I'm primarily having an issue with.

They are not visually grouped with the entity type + name. They sit on their own line, very far apart, a couple on the far left, the others hidden in a dropdown on the far right in a non-obvious way. (I only discovered them when I couldn't "see" them but knew they had to be there.)

The grouping of icon + icon label looks off as well. And is inconsistent with how the buttons look in e.g. the table view.

Old version for comparison:
Screenshot 2024-02-29 at 18-46-58 Alles Wolken (ID 639)

Don't get me wrong, the previous placement wasn't great either, nor were those separators.

I started working on improving the old version at some point, maybe I still have the WIP branch around. It was mostly focussed on placement, probably about flexing that entire header part of the page, which might potentially make it reusable for the new version, at least in parts.

@b1rger
Copy link
Contributor

b1rger commented Feb 29, 2024

They are not visually grouped with the entity type + name

Yes. Should they?

They sit on their own line, very far apart, a couple on the far left, the others hidden in a dropdown on the far right in a non-obvious way.

Yes, those are two different menus. Primary and secondary actions, so to say. The primary menu uses bootstraps card navigation and list two views that use a similar layout , the secondary uses a navbar menu and lists actions that move the interaction to different pages and it provides a way to add additional actions. It is similar to the comment box I'm using to write this comment - "Write" and "Preview" at the left, a lot of other actions at the right.

@sennierer
Copy link
Collaborator

given that @koeaw doesnt have time to refactor that currently, we close this for now

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI-UX Appearance, coherence, usability of user-facing parts (frontend, user interface)
Projects
None yet
Development

No branches or pull requests

3 participants