Skip to content

Bootstrap: Navbar and Navigation drawer look broken when used together #13868

@SisIvanova

Description

@SisIvanova

Description

Since the navbar and navigation drawer both use --ig-surface-500 as a background color, there is no visual distinction between the components when used together.

Steps to reproduce

  1. Open app builder
  2. Create a new app using a template with header and nav
  3. Set the theme to bootstrap

https://appbuilder-dev.indigo.design/app/eyqasc3pxqzw/preview

Expected result

We should either change one of the components' backgrounds (like in the Material theme) or add a border / box-shadow to the navbar (like in the Fluent theme).

Attachments

Screenshot 2024-02-05 at 4 22 00 PM

Metadata

Metadata

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions