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 top right menu and sidebar #2298

Merged
merged 10 commits into from
Aug 20, 2022
Merged

Improve top right menu and sidebar #2298

merged 10 commits into from
Aug 20, 2022

Conversation

rdwebdesign
Copy link
Member

@rdwebdesign rdwebdesign commented Aug 15, 2022

What does this PR aim to accomplish?:

After the discussion about remove or improve the top menu, we decided to improve it and make it more useful.
We also decided to make a few changes to topbar and sidebar.

How does this PR accomplish the above?:

Top menu (far top right):

  • Logout button was moved here;
  • Donate button removed;
  • All external links were moved to top menu:
    • Pi-hole website
    • Documentation;
    • Pi-hole Forum;
    • Github and Releases;

Top bar:

  • Replace collapse/expand icon with directional arrows;
  • Right logo + Pi-hole text replaced by a "hamburger" icon (3 bars icon);
  • "Ph" removed, when collapsed;

Main Menu (sidebar):

  • external links removed;
  • items order slightly changed;

topmenu_compare

What documentation changes (if any) are needed to support this PR?:

none


By submitting this pull request, I confirm the following:

  1. I have read and understood the contributors guide, as well as this entire template. I understand which branch to base my commits and Pull Requests against.
  2. I have commented my proposed changes within the code and I have tested my changes.
  3. I am willing to help maintain this change if there are issues with it later.
  4. It is compatible with the EUPL 1.2 license
  5. I have squashed any insignificant commits. (git rebase)

  • I have read the above and my PR is ready for review. Check this box to confirm

rdwebdesign and others added 8 commits August 13, 2022 02:00
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
Signed-off-by: Christian König <ckoenig@posteo.de>
Signed-off-by: Christian König <ckoenig@posteo.de>
Signed-off-by: Christian König <ckoenig@posteo.de>
Signed-off-by: Christian König <ckoenig@posteo.de>
Signed-off-by: Christian König <ckoenig@posteo.de>
@rdwebdesign rdwebdesign force-pushed the test_topmenu branch 3 times, most recently from 7f2d292 to c6ee623 Compare August 15, 2022 18:54
@yubiuser yubiuser mentioned this pull request Aug 16, 2022
1 task
@rdwebdesign rdwebdesign force-pushed the test_topmenu branch 2 times, most recently from 76237f2 to b03fdda Compare August 17, 2022 20:22
@rdwebdesign rdwebdesign requested a review from a team August 17, 2022 21:46
@rdwebdesign rdwebdesign force-pushed the test_topmenu branch 2 times, most recently from fc72353 to 0df817c Compare August 18, 2022 20:13
yubiuser
yubiuser previously approved these changes Aug 18, 2022
- fix broken visual after initial changes;
- remove donate button from topmenu;
- re-add donate button to the sidebar and add hover color;
- remove "Ph" when collapsed;
- add icon and background to topmenu button;
- hide main menu headers (using lines as separators);
- reorder the main menu;
- adjust each theme to the new visual (CSS and HTML tweaks).
- new menu colors for LCARS theme

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
@rdwebdesign
Copy link
Member Author

Button colors changed as requested.

@rdwebdesign rdwebdesign requested review from dschaper and yubiuser and removed request for dschaper August 19, 2022 03:52
yubiuser
yubiuser previously approved these changes Aug 19, 2022
dschaper
dschaper previously approved these changes Aug 19, 2022
yubiuser
yubiuser previously approved these changes Aug 19, 2022
- keep using inline SVG to allow color change via CSS;
- Reuse the SVG icon in all instances, using SVG symbol;
- Simplify/reduce inline SVG code;

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
@dschaper dschaper self-requested a review August 19, 2022 18:29
@yubiuser yubiuser added the PR: Approved Open Pull Request, Approved by required number of reviewers label Aug 19, 2022
@rdwebdesign rdwebdesign merged commit 5e23f19 into devel Aug 20, 2022
@rdwebdesign rdwebdesign deleted the test_topmenu branch August 20, 2022 20:47
@DL6ER DL6ER mentioned this pull request Jan 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PR: Approved Open Pull Request, Approved by required number of reviewers
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants