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

Navigation refactor desktop improvements #966

Merged

Conversation

mladenplaninicic
Copy link
Collaborator

Closes #

{{short description}}

Acceptance Criteria

@changeset-bot
Copy link

changeset-bot bot commented Jun 21, 2023

⚠️ No Changeset found

Latest commit: a3ab3ef

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@vercel
Copy link

vercel bot commented Jun 21, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
design-system-old ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 22, 2023 8:20am

…954)

* 📝  docs(): improve cdn documentation (#942)

* chore(): improve cdn documentation

* chore(): format

* Create PR for #953

* fix(bal-tabs): render button in nav if no href

* fix(bal-tabs): use div instead of nav

* fix(bal-tabs): add aria attributes

* fix(bal-tabs): background color fix

* fix(bal-tabs): format

* fix(bal-tabs): adjust line height

* fix(bal-tabs): unset border

* fix(bal-tabs): add aria hidden and rename id

* fix(bal-tabs): remove color attr from button

* fix/(bal-tabs): format

---------

Co-authored-by: Mladen Planinicic <mladenplaninicic@gmail.com>
Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com>
Co-authored-by: Gina Biondo <gina.biondo@aperto.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>
@mladenplaninicic mladenplaninicic merged commit 0219c07 into refactor/issue-911 Jun 22, 2023
@mladenplaninicic mladenplaninicic deleted the navigation-refactor-desktop-improvements branch June 22, 2023 08:59
hirsch88 added a commit that referenced this pull request Sep 28, 2023
* Create PR for #784

* ♻️ refactor(navigation): meta bar (#931)

* Create PR for #907

* chore(): add from to the import of markers and styles in maps documen… (#932)

chore(): add from to the import of markers and styles in maps documentation

* chore(): update base images

* feat: add new component bal-meta-bar

* chore(): update base images

* chore: change timeout

* chore(): update base images

* test: adjust visual tests

* test: adjust visual tests 2

* test: adjust visual tests 3

* test: adjust visual tests 4

* chore: adjust test

* chore(): update base images

* chore: trigger build

---------

Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com>
Co-authored-by: Mladen Planinicic <mladenplaninicic@gmail.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>

* ♻️ refactor(navigation): popover (#921)

* Create PR for #908

* feat(popup): add new component

* chore: format files

* test(popup): add visual test

* chore: adjust visual ci

* chore: add test selectors

* chore: improve popover variant

* chore: format files

* chore: is able to use 100% of width

* chore: adjust visual

* chore(): update base images

* chore: trigger build

* chore(): update base images

* chore(): update base images

* chore: trigger build

* feat(popup): trigger can define variant

* feat(popup): trigger can define placement

* chore: format files

---------

Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>

* ♻️ refactor(navigation): link (#919)

* Create PR for #903

* feat(nav-link): add new component

* chore(): format

* chore: implement PR feedback

* chore: format files

* chore(): update base images

* chore: trigger build

---------

Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com>
Co-authored-by: mladenplaninicic <mladenplaninicic@gmail.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>
Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com>

* ♻️ refactor(navigation): main + flyout (#935)

* Create PR for #906

* chore: update lock file

* chore: update tags

* chore: update tags

* feat: add new component bal-nav-menu-bar

* chore: add shadow

* fix: transform when scroll

* feat: add component flyout

* chore: add flyout border when active

* chore(): update base images

* chore(): update base images

* chore: trigger build

* chore(): update base images

* chore: trigger build

---------

Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>

* Create PR for #911

* chore: update

* Z-index (#951)

* 📝  docs(): improve cdn documentation (#942)

* chore(): improve cdn documentation

* chore(): format

* feat: Create z-index design tokens and adjust the components.

---------

Co-authored-by: Mladen Planinicic <mladenplaninicic@gmail.com>

* chore: update z-index

* Navigation link grid (#941)

* chore(): add grid components

* feat(bal-nav): add new components bal-nav-link-grid, bal-nav-link-grid-col and bal-nav-link-group

* chore(): refactor

* chore(): update base images

* chore: remove console logs

* chore: merge branch 'refactor/issue-911' into navigation-link-grid

---------

Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>

* chore: add desktop links

* chore: add link list

* chore: add aria attributes

* chore: add active path

* chore: support one meta link option

* chore: add logo links

* chore: create docs

* Navigation refactor desktop improvements (#963)

* chore(): improve focus

* chore(): add overview link

* chore(): add overview link

* chore(): format

---------

Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>

* docs: create story

* chore: adjust spacing and overview link

* chore: fix z-index and popup with

* chore: did popup alignment

* chore: adjust z-index

* chore: active popup and close menu

* chore: render opt

* chore: add click event for link items

* Navigation refactor desktop improvements (#966)

* chore(): improve focus

* chore(): add overview link

* chore(): add overview link

* chore(): format

* chore(): disable body scroll when flyout is scrollable

* chore(): remove containerSize prop

* chore(): fix line width

* chore(): fix duplicated mobile list

* chore(): open meta and menu if they are active

* chore(): add underline offset for links

* chore(): format

* ♻️ refactor(navigation): use buttons for a tab when there is no href (#954)

* 📝  docs(): improve cdn documentation (#942)

* chore(): improve cdn documentation

* chore(): format

* Create PR for #953

* fix(bal-tabs): render button in nav if no href

* fix(bal-tabs): use div instead of nav

* fix(bal-tabs): add aria attributes

* fix(bal-tabs): background color fix

* fix(bal-tabs): format

* fix(bal-tabs): adjust line height

* fix(bal-tabs): unset border

* fix(bal-tabs): add aria hidden and rename id

* fix(bal-tabs): remove color attr from button

* fix/(bal-tabs): format

---------

Co-authored-by: Mladen Planinicic <mladenplaninicic@gmail.com>
Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com>
Co-authored-by: Gina Biondo <gina.biondo@aperto.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>

* chore(): don't animate tabs line if tab target is blank

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com>
Co-authored-by: Gina Biondo <gina.biondo@aperto.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>

* chore: remove console logs

* chore: fix meta bar pos

* fix(nav): disable scroll with popups

* fix(nav): chevron and mobile title link is not active

* fix(nav): keep flyout open when changing meta

* fix(nav): adjust animation glitches

* chore: focus first element of popup

* fix: backdrop click

* chore: fix app height ios issue

* chore: fix react and angular build

* chore(): improve example (#970)

* chore(): fix navigation line (#968)

* chore: improve a11y

* chore: update props

* docs: popup

* test: update visual test for popup

* test: update visual test for popup

* test: update visual test for popup

* test: update visual test for popup

* chore(): update base images

* test: update visual test for popup

* test: update popup tests

* chore(): update base images

* test: update popup tests

* test: update popup tests

* chore(): update base images

* test: update popup tests

* chore(): update base images

* chore: trigger build

* test: improve visual

* test: improve visual

* test: improve visual

* chore: trigger build

* chore: fix lint issues

* chore(): add visual tests (#973)

* chore(): add visual tests

* chore(): update base images

* chore(): trigger build

---------

Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com>

* chore: merge branch 'main' into refactor/issue-911

* chore: build file

* chore: format files

* fix(pagination): adjust disabled look of small controls

* Nav docs (#989)

* chore(): add documentation

* chore(): add documentation

* chore(): add documentation

* chore(): format

* chore(): add documentation

* chore: remove unused files

* chore: format files

* chore: adjust hint min width

* fix: typings

* chore(): update base images

* chore: format files

* chore(): update base images

* chore(): improve docs

* chore(): improve docs

* chore: add controls back

* chore(): update base images

* chore: trigger build

* chore: add google console

* chore: trigger build

* chore: add data prop to be more flexible like for data tracking

* fix(bal-nav): make main tabs icon rotates, improve scrolling on mobile

* chore: Merge branch 'main' into refactor/issue-911

* chore: create menu with native elements

* chore: update mobile view

* chore: fix component tests

* chore: fix build

* chore: fix popup tests

* chore: fix list height

* chore(): update base images

* chore: trigger build

* chore: remove unused package

* chore(): add overview link to the example

* chore: fix line-height and long texts

* fix:(accordion): adjust min-heights

* chore: scroll to selected link item

* chore: format files

* chore: add link option for accordion button

* chore: adjust large button height

* chore: adjust border colors in visual test

* chore: waitAfterIdleCallback before taking screenshot

* chore: adjust changesets

* chore(): update base images

* chore: trigger build

* chore: adjust visual tests

* chore(): update base images

* chore: trigger build

* chore: adjust visual test

* chore(): update base images

* chore: trigger build

* chore: update visual test

* chore: adjust visual test

---------

Co-authored-by: hirsch88 <hirsch88@users.noreply.github.com>
Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Mladen Planinicic <mladenplaninicic@gmail.com>
Co-authored-by: mladenplaninicic <mladenplaninicic@users.noreply.github.com>
Co-authored-by: Gina Biondo <gina.biondo@aperto.com>
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.

1 participant