[Platform][UX] Provider configuration tabs look visually out-of-place #8366
Assignees
Labels
area/ui
All issues relating to UI/UX
Comments
andrewc-dev
pushed a commit
that referenced
this issue
May 10, 2021
… match formatting
Summary:
Cloud provider configuration tabs were too large on the page, causing it to look visually
out of place. Change the tabs to only have icon assets and use regular text to describe the tabs.
Add responsive styling to better handle lower viewport widths. Add new icons to other tabs in the
configs section.
Test Plan:
Go to `/configs` and observe tab layout.
Old tabs:
{F16929}
New tabs:
{F16930}
Medium viewport (notice text ellipsis):
{F16935}
Small viewport (text is hidden, only icons shown):
{F16936}
Example of beta tag being highlighted:
{F16931}
Storage configs with new icons:
{F16933}
Security configs with new icons:
{F16934}
HA config under `/admin`:
{F16932}
Reviewers: sshevchenko, ssutar, mjoshi
Reviewed By: mjoshi
Subscribers: ui
Differential Revision: https://phabricator.dev.yugabyte.com/D11539
YintongMa
pushed a commit
to YintongMa/yugabyte-db
that referenced
this issue
May 26, 2021
…ation to match formatting
Summary:
Cloud provider configuration tabs were too large on the page, causing it to look visually
out of place. Change the tabs to only have icon assets and use regular text to describe the tabs.
Add responsive styling to better handle lower viewport widths. Add new icons to other tabs in the
configs section.
Test Plan:
Go to `/configs` and observe tab layout.
Old tabs:
{F16929}
New tabs:
{F16930}
Medium viewport (notice text ellipsis):
{F16935}
Small viewport (text is hidden, only icons shown):
{F16936}
Example of beta tag being highlighted:
{F16931}
Storage configs with new icons:
{F16933}
Security configs with new icons:
{F16934}
HA config under `/admin`:
{F16932}
Reviewers: sshevchenko, ssutar, mjoshi
Reviewed By: mjoshi
Subscribers: ui
Differential Revision: https://phabricator.dev.yugabyte.com/D11539
andrewc-dev
pushed a commit
that referenced
this issue
Jun 28, 2021
…nfiguration to match formatting
Summary:
Cloud provider configuration tabs were too large on the page, causing it to look visually
out of place. Change the tabs to only have icon assets and use regular text to describe the tabs.
Add responsive styling to better handle lower viewport widths. Add new icons to other tabs in the
configs section.
Test Plan:
Go to `/configs` and observe tab layout.
Old tabs:
{F16929}
New tabs:
{F16930}
Medium viewport (notice text ellipsis):
{F16935}
Small viewport (text is hidden, only icons shown):
{F16936}
Example of beta tag being highlighted:
{F16931}
Storage configs with new icons:
{F16933}
Security configs with new icons:
{F16934}
HA config under `/admin`:
{F16932}
Reviewers: sshevchenko, ssutar, mjoshi
Reviewed By: mjoshi
Subscribers: ui
Differential Revision: https://phabricator.dev.yugabyte.com/D11539
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Notice that tabs are far too large relative to the top-level tabs and icons are inconsistent sizes.
Platform HA configuration shows the opposite of the configs page with folder tabs at the top-level and underlined tabs at the inner level.
The text was updated successfully, but these errors were encountered: