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.

Sign up for GitHub

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

Jump to bottom

Add support for navbar #13

Open

dannysmc95 opened this issue May 11, 2022 · 0 comments

dannysmc95 commented May 11, 2022 •

edited

Loading

I am using this with navbar-link inside of the header, and it currently does not work very well, even though position relative is applied to it.

I have added the below to fix the issue, although I am sure there is a better way to do this.

	&.is-left,
	&.is-right,
	&.is-top,
	&.is-top-left,
	&.is-top-right,
	&.is-bottom,
	&.is-bottom-left,
	&.is-bottom-right
		&.is-nav
			transform: translate(-5px, 10px)

Using it like so:

<div class="navbar-item has-dropdown is-hoverable is-icon">
    <a class="navbar-link">
        <span class="badge is-nav is-top-right" />
        <i class="fas fa-code"></i>
    </a>
</div>

The text was updated successfully, but these errors were encountered:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment