User Profile Icon Cutoff about laravel-nova-theme-responsive HOT 9 CLOSED

heres a quick fix for anyone with same problem.

first, create a css file in public/css/fix-avatar-mobile.css with this content:

@media (max-width: 992px) {
    .h-header {
        z-index: 20 !important;
    }

    .h-header .dropdown-trigger {
        margin: auto !important;
        width: 2rem !important;
    }
}

then in your app/Providers/NovaServiceProvider.php class, add this Nova::style this to the boot method:

public function boot()
{
    parent::boot();

    Nova::style('fix-avatar-mobile', asset('css/fix-avatar-mobile.css'));
}

then just refresh the page, and the avatar position will be fixed on mobile.

from laravel-nova-theme-responsive.

I put the following in a custom SCSS file to fix this issue:

#nova {
    .h-header {
        z-index: 20;

        .dropdown-trigger {
            margin-right: 0;
            width: 2.25rem;

            @media all and (min-width: 993px) {
                width: auto;
            }
        }
    }
}

I'll try and extrapolate it out into a PR once I've done some more testing.

from laravel-nova-theme-responsive.

Sorry, I don't have an iPhone 11 to test it right now.
If anyone can found a fix, please send a PR.
Thanks!

from laravel-nova-theme-responsive.

There is also a cutoff/overlap when used in conjunction with the nova notifications package Nova Notifications

from laravel-nova-theme-responsive.

@gregoriohc

Icon has no margin/padding and touches the window's edge on Chrome Version 96.0.4664.45 (Official Build) (64-bit)

from laravel-nova-theme-responsive.

@gregoriohc

I found the culprit here

What's the reason for it?

from laravel-nova-theme-responsive.

+1 same issue here

from laravel-nova-theme-responsive.

@diontron perfect!

from laravel-nova-theme-responsive.

Sorry everyone, but unfortunately I don't have time to maintain this package anymore, and with the new Nova 4 release the package is no longer needed,
Feel free to fork it, fix the bug and use it in your projects if you need it.
I have added a deprecation notice to the package's Readme.
Thank you and sorry again.

from laravel-nova-theme-responsive.