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

feat(tailwind-components): update header for design #4356

Merged
merged 2 commits into from
Oct 16, 2024

Conversation

connoratrug
Copy link
Contributor

What are the main changes you did:

  • new data-explorer design has left aligned header
  • update breadcrumbs and pageheader with ts types and fix issues
  • add option to left align header
  • update breadcrumbs for ui app the match design ( [schema, table])
  • add playground story for breadcrumbs

how to test:

  • explain here what to do to test this (or point to unit tests)

todo:

  • updated docs in case of new feature
  • added/updated tests
  • added/updated testplan to include a test for this fix, including ref to bug using # notation

- new data-explorer design has left aligned header
- update breadcrumbs and pageheader with ts types and fix issues
- add option to left align header
- update breadcrumbs for ui app the match design ( [schema, table])
- add playground story for breadcrumbs
@mswertz mswertz changed the title feat(tailwind-components): Update header for design feat(tailwind-components): update header for design Oct 14, 2024
Copy link
Member

@mswertz mswertz left a comment

Choose a reason for hiding this comment

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

only question about the left align, looks nasty. But maybe that could also be fixed with some spacing so maybe it goes.

@@ -46,14 +46,9 @@ const ontologies = computed(
</script>
<template>
<Container>
<PageHeader :title="`Tables in ${data?.data._schema.label}`">
<PageHeader :title="`Tables in ${data?.data._schema.label}`" align="left">
Copy link
Member

Choose a reason for hiding this comment

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

I don't think I like the left align. Is that a design we agreed upon?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Copy link
Contributor Author

Choose a reason for hiding this comment

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

i makes sense as the whole page is left aligned and fullscreen ( yet to be implemented for the rest of the page) , its a different design then the catalogue list page

tables: `/${schema}`,
}"
/>
<BreadCrumbs align="left" :current="data?.data._schema.label" />
Copy link
Member

Choose a reason for hiding this comment

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

that is nice.

@connoratrug
Copy link
Contributor Author

only question about the left align, looks nasty. But maybe that could also be fixed with some spacing so maybe it goes.

yes the design has some more padding in the header ( see left edge header en filter ) , i'll add it
Screenshot 2024-10-14 at 16 53 00

Copy link

sonarcloud bot commented Oct 16, 2024

@connoratrug connoratrug merged commit 7d6029b into master Oct 16, 2024
5 of 6 checks passed
@connoratrug connoratrug deleted the feat/tailwind-components-left-aligned-header branch October 16, 2024 08:45
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.

2 participants