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

Admin design #1875

Merged
merged 9 commits into from
Sep 25, 2017
Merged

Admin design #1875

merged 9 commits into from
Sep 25, 2017

Conversation

decabeza
Copy link
Collaborator

@decabeza decabeza commented Sep 15, 2017

What

  • We have started to work on a big redesign for Admin section. The objective of these changes are improve the admin panel, and makes a section more clean, comfy and easy to use.

This is the first PR of many more coming next weeks 🎉

How

  • Cleans the header: makes title smaller and remove logo.
  • Replaces red (a little aggressive) color to a fresh and calm blue tone.
  • Moves stats and settings button to header.
  • Moves "back to org" link to dashboard/index.
  • Removes texts untranslated (and outdated) of dashboard/index page.
  • Updates spec (admin section has no longer a header logo).

Next steps

This are some improvements we want to include on next PRs:

  • Add icons to all sidebar sections.
  • Improve sidebar section (some expand sections are not working correctly)
  • Allow to show/hide sidebar (already done for mobile version)
  • Add coherence and consistency on all elements (tables, filters, forms, buttons...)
  • Add little help tips on each sections.
  • Reorganize stats: Reorganize admin stats #1596
  • Improve settings page: Activating and deactivating features #1597

And much more! 💪

Screenshots

awesome_admin_consul

Warnings

  • The stats and settings buttons on dashboard/index now are on the header navigation.

BEFORE
buttons

AFTER
header

Copy link
Collaborator

@bertocq bertocq left a comment

Choose a reason for hiding this comment

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

Getting prettier! 👏

<li>
<%= link_to admin_stats_path, title: t("admin.menu.stats") do %>
<span class="icon-stats"></span>

Copy link
Collaborator

Choose a reason for hiding this comment

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

Extra line brake :trollface:

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

fixed! 😱

<%= setting['org_name'] %>
&nbsp;|&nbsp;<%= namespaced_header_title %>
<br><small><%= namespaced_header_title %></small>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Nice catch!


<h2 class="inline-block"><%= t("admin.dashboard.index.title") %></h2>

<p>Desde aquí puedes administrar el sistema, a través de las siguientes acciones:</p>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Nice clean of hardcoded stuff!

@deivid-rodriguez
Copy link
Contributor

Hi!

So the explanations for each section are coming back in a better form, right? It would be this bullet point?

  • Add little help tips on each sections.

Just wanted to point out that when I tried consul the other day, I loved this tiny feature because it felt like having docs inside the application itself. To me, it was one of the strongest points about the admin panel.

Finally, the new design and color definitely look better! 💪

@voodoorai2000
Copy link
Member

@deivid-rodriguez Yes, section explanations are coming back in a nice form :)

@bertocq bertocq merged commit d449e8e into master Sep 25, 2017
@bertocq bertocq deleted the admin-design branch September 25, 2017 15:23
javierm pushed a commit to javierm/consul that referenced this pull request Mar 6, 2019
…ts_landing_page_missing_translations

Budgets landing page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants