search

anaseqal / nova-import

Laravel Nova Import Action
72 stars 28 forks source link

[Enhancement] Responsive button #25

Closed xoco70 closed 3 years ago

xoco70 commented 3 years ago

I use a responsive theme.

When checking on my phone, create button turns into a small (+) button, but Import button doesn't, so it doesn't fit the screen.

It is possible to consider the responsiveness of the button in CSS ?

anaseqal commented 3 years ago

Hi @xoco70 , your request can be achieved with CSS , for example :

    @media (max-width: 992px) {
        button[dusk="run-import-action-button"] {
            font-size: 0;
        }
        button[dusk="run-import-action-button"]:before {
            content: url('data:image/svg+xml; utf8, <svg width="22" height="22" fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"></path></svg>');
        }
    }