opensearch-project / dashboards-observability

Visualize and explore your logs, traces and metrics data in OpenSearch Dashboards
https://opensearch.org/docs/latest/observability-plugin/index/
Apache License 2.0
16 stars 55 forks source link

HeaderControl update style, UI Adjustments Integrations #2171

Closed TackAdam closed 2 months ago

TackAdam commented 2 months ago

Description

  1. Update plugin header control to use functionality for styling from core.
  2. Adjust the descriptions and links to use new header control functionality in notebooks and integrations.
  3. Small adjustment to applications to move button to header for the old navigation.
  4. Update integrations Cypress testing for new delete (just requires standard "delete" instead of application name following use pattern applied everywhere else).
  5. Update Integrations UI
~2 New Header control change (Buttons and Description field) Before After
NotebookBefore NotebookAfter
IntegBefore IntegAfter

~4 Updated Cypress Testing

IntegCypress

~5 Integration Changes a. Image on cards smaller 5aCards b. Bulk delete 5bBulkDelete c. Empty State 5cEmptyState d. Underline Tabs 5dUnderlineTabs e. Padding to 16px 5ePaddingAroundTable f. Delete button secondary /hover 5fDeleteButtonSecondary:Hover g. Panel added to Template text 5gPanelAdded h. Remove Details / space between check new version 5hRemoveDetails:spaceOnNewVersions i. Fix spelling 5iFixSpelling h. Headings all adjusted to H3 5jH3HeadingsAllTitles

Integrations Before: Screenshot 2024-09-17 at 11 47 21 AM Screenshot 2024-09-17 at 11 43 59 AM Screenshot 2024-09-17 at 11 44 09 AM Screenshot 2024-09-17 at 11 44 24 AM

Issues Resolved

Check List

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license. For more information on following Developer Certificate of Origin and signing off your commits, please check here.

TackAdam commented 2 months ago

Updated based on comments / UI feedback pass Cards images now 40x40 Screenshot 2024-09-17 at 2 08 15 PM Text for secondary headers now h4 and bold Screenshot 2024-09-17 at 2 07 51 PM Screenshot 2024-09-17 at 2 08 04 PM Lower case for the empty state "available list" Screenshot 2024-09-17 at 2 08 36 PM