Skip to content

Conversation

@henchaves
Copy link
Member

Description

This PR aims to change how breadcrumbs are displayed.
The idea is to move the title of the current tab to below the breadcrumbs, making it more visible to the user.

Related Issue

GSK-1300 (available on Linear)

Type of Change

  • 📚 Examples / docs / tutorials / dependencies update
  • 🔧 Bug fix (non-breaking change which fixes an issue)
  • 🥂 Improvement (non-breaking change which improves an existing feature)
  • 🚀 New feature (non-breaking change which adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to change)
  • 🔐 Security fix
@linear
Copy link

linear bot commented Jun 19, 2023

GSK-1300 Reorganize breadcrumbs

On every page move the actual page title below the breadcrumbs and make it larger

image.png

@henchaves henchaves self-assigned this Jun 20, 2023
@henchaves henchaves marked this pull request as ready for review June 26, 2023 13:20
@henchaves henchaves requested review from Googleton, andreybavt and kevinmessiaen and removed request for andreybavt and kevinmessiaen June 26, 2023 13:21
Copy link
Member

@kevinmessiaen kevinmessiaen left a comment

Choose a reason for hiding this comment

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

I'm not a big fan that we put some part of the breadcrumb in the project home and then continue it inside of each component with a hack to but it in the right location.

For me better solution would be to have:

  • A Breadcrumb component that is called directly in each component
  • A dynamic component in ProjectHome based on some route props giving the correct route name
@kevinmessiaen kevinmessiaen self-requested a review July 4, 2023 04:49
margin: 0 auto;
}
::v-deep .v-toolbar__content {
Copy link
Member

Choose a reason for hiding this comment

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

Do we still need this style?

cursor: default;
}
::v-deep .v-toolbar__content {
Copy link
Member

Choose a reason for hiding this comment

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

Same here do we need to keep this style?

margin-top: 10px !important;
}
::v-deep .v-toolbar__content {
Copy link
Member

Choose a reason for hiding this comment

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

Do we need to keep this style?

@sonarqubecloud
Copy link

sonarqubecloud bot commented Jul 7, 2023

@henchaves henchaves merged commit c8e7d2d into main Jul 7, 2023
@Hartorn Hartorn deleted the feature/gsk-1300-reorganize-breadcrumbs branch September 13, 2023 11:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants