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
b-navbar burger slot #3906
Comments
Could be solved by #4037 The .navbar-burger is contained inside the brand slot. What would be missing here is the styles that are applied to the default burger that is generated when no template is passed to the burger slot. Easy to fix if burger is moved to the right when using the burger slot maybe with For example: <b-navbar>
<template #brand>
<b-navbar-item tag="router-link" :to="{ path: '/' }">
<img
src="https://raw.githubusercontent.com/buefy/buefy/dev/static/img/buefy-logo.png"
alt="Lightweight UI components for Vue.js based on Bulma"
>
</b-navbar-item>
</template>
<template #burger>
<b-navbar-item href="#">
<b-icon tag="a" icon="account"></b-icon>
</b-navbar-item>
</template>
</b-navbar> |
@takyonfr Sorry for a very late reply. Why don't you use the |
Overview of the problem
Buefy version: [0.9.25]
Vuejs version: [2.7]
*Linux Mint/Firefox:
Description
Hi, I think there is a bug in b-navbar, when I use the burger slot, it puts its content in brand div, the brand and the burger are stuck in the left corner.
Steps to reproduce
Expected behavior
The avatar trigger button should be in place of the burger (in the right corner)
Actual behavior
The avatar trigger button is near the brand logo
The text was updated successfully, but these errors were encountered: