OrchardCore icon indicating copy to clipboard operation
OrchardCore copied to clipboard

UI Refresh & Enhancements

Open hishamco opened this issue 3 years ago • 9 comments

As we all know, the UI in many places need to refresh and consistent. One of the main UI issues that I notice using bootstrap colors extensively, while some colors are not make sense to the actions.

I can take the initiative an start prettify the UI in one page, then we can apply these changes after we approve it

hishamco avatar Jul 12 '22 16:07 hishamco

Just a thought, we should find a way to create reusable components for each of these button. This way we have one reusable component for all these actions. Component view or a shape.

MikeAlhayek avatar Jul 14 '22 13:07 MikeAlhayek

It could be doable if we introduce OC.UI that contains all the predefine components that could be reused and override. Believe it or not I was thinking in the past about UI project that remove the dependency from bootstrap or any other UI framework. May be one day this could be happen even as a community project

hishamco avatar Jul 14 '22 14:07 hishamco

This could be done progressively. We can create components project and slowly shift things into common components

MikeAlhayek avatar Jul 14 '22 15:07 MikeAlhayek

Could be, but base UI components should be abstracted

hishamco avatar Jul 14 '22 15:07 hishamco

I just created a quick prototype something similar to Azure DevOps dropdown menu. The final output make a lot of room, which makes the list item clear and clean

https://user-images.githubusercontent.com/3237266/179314511-f90a6757-2440-4787-950e-54b07bb94fc1.mp4

hishamco avatar Jul 15 '22 21:07 hishamco

@hishamco although this look nice, it requires 2 click to get to the common functions. IMO, I think the "View" and "Edit" should be kept as buttons.

Either way, this should be constant across the entire admin.

MikeAlhayek avatar Jul 16 '22 20:07 MikeAlhayek

I don't think we need the buttons and random colors anymore ;) regarding the clicks that how it works ;)

You can check Azure DevOps or GitHub to see it in action, I will submit a PR soon

Either way, this should be constant across the entire admin.

Sure

hishamco avatar Jul 16 '22 23:07 hishamco

Is it about creating reusable components (not a fan) or refreshing some items that could be made better (always good).

sebastienros avatar Jul 21 '22 17:07 sebastienros

This about refreshing some items. But still I'm planning about creating a resuable components as a separated project, probably OSS if there's no resources interested on this

hishamco avatar Jul 21 '22 18:07 hishamco