Hamburger animation jumping when on right side of page

[bck01215]

When hamburger is on the right side of the page, the animation pops back and forth

[ghostdevv]

This is probably an issue with your styling not with the hamburger itself, if you could share a small repl with the issue I can take a look for you

[bck01215]

I found a workaround. I was attempting to adjust css in the Hamburger.

        <Hamburger --color={secTColor} --padding=8px --position=absolute --right=0px  bind:open={open}/>

Those are also the stylings of the containing div.

I used a global css setting to work around.

    :global(.hamburger){
        padding: 8px;
        position:absolute;
        right: 0px;
        color: var(--secondary-text-color) !important;
    }

[ghostdevv]

the best way to style the hamburger is to place it in a div and style that div, it's not recommended to use :global like that

[bck01215]

Using the same styles in the div did not achieve the desired outcome

…

On Sun, Oct 9, 2022, 10:39 PM Willow (GHOST) ***@***.***> wrote: the best way to style the hamburger is to place it in a div and style that div, it's not recommended to use :global like that — Reply to this email directly, view it on GitHub <#102 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASR3C5M5G6MIVZ76U2OZOALWCN6XZANCNFSM6AAAAAARAJD52A> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[ghostdevv]

If you send a REPL I can help debug it