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

Improve UI/UX install process #5147

Merged
merged 19 commits into from Mar 4, 2023
Merged

Conversation

math-GH
Copy link
Contributor

@math-GH math-GH commented Feb 26, 2023

General

Show password button

grafik

Before: keep the button pressed to see the password
After: same behaviour like everywhere: press the button and the password will be shown for 5 seconds.

make the menu for mobile accessable

Before: No button. No access to the hidden menu

After:
grafik

Favicon + header icon

Before:
No favicon, header icon in the middle
grafik

After:
Favicon. And header icon is on the left side as default
grafik

Navigation

Before

deactivated steps has not padding to the left border:
grafik

After

grafik

Step 1

Before:

First step does not need so much buttons for a better UX (Closes #3961)
grafik

After:

grafik

Before:

If user steps back in process:
grafik

After:

instead of a button: a text link (UX: a button saves the form, a link does not save the form)
grafik

Step 2

Before

no grey background behind the buttons
grafik

After

grafik

Before

in mobile view: no gap between the buttons
grafik

After

grafik

Before

No sub-headlines
grafik

After

similar to "installation check" in admin config
grafik

Step 4

Before

grafik

After

grafik

Step 5

Before

grafik

After

grafik

How to test the feature manually:

Pull request checklist:

  • clear commit messages
  • code manually tested

@math-GH math-GH added UI 🎨 User Interfaces UX User experience labels Feb 26, 2023
@math-GH math-GH added this to the 1.21.0 milestone Feb 26, 2023
@math-GH math-GH changed the title Improve install process Improve UI/UX install process Feb 26, 2023
@Alkarex Alkarex modified the milestones: 1.21.0, 1.22.0 Feb 27, 2023
p/scripts/install.js Outdated Show resolved Hide resolved
Copy link
Member

@Frenzie Frenzie left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm on the screenshots, hardly tested

@Alkarex Alkarex merged commit 27c7367 into FreshRSS:edge Mar 4, 2023
@math-GH math-GH deleted the improve-install-process branch March 4, 2023 13:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI 🎨 User Interfaces UX User experience
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Improvement] install process: less buttons on first step to chose the language
4 participants