full width metrics getting cropped

[robinstraub]

Metrics with full width are getting cropped.

Versions:

• Laravel Version: 5.8.23
• Nova Version: 2.0.6
• PHP Version: 7.3
• Operating System and Version: MacOS 10.14.5
• Browser type and version: Chrome 75.0.3770.100

Description:

When I define a metric width ((new CustomMetric)->width('full'),) and set it as full, the rendering gets cropped.

On the other side it is fine on other sizes (1/2 or 1/3). After looking at the DOM, the card-panel class appears missing. Is this an expected behavior ?

Steps To Reproduce:

• Create a custom metric
• Set the width to full

[cwcrawley]

Subscribing to this as I'm experiencing the same behaviour.

Laravel Version: 5.8.29
Nova Version: 2.0.9
PHP Version: 7.1.19
Operating System and Version : MacOS 10.14.5
Browser: Firefox Developer Edition 69.0b5

[jbrooksuk]

Confirmed in v2.0.9

If you resize the window, the chart redraws and stops cutting off.

[jbrooksuk]

This no longer happens in v2.0.10:

[mvdnbrk]

@jbrooksuk This issue does not seem to be resolved.

Nova v2.0.11

[jbrooksuk]

@mvdnbrk have you ran php artisan nova:publish? Again, this isn't happening on v2.0.11 for me:

[Ahmed-creatify]

the same issue here

[MorganeMeganck]

I have the same issue :( on v2.10.0

[jbrooksuk]

What happens if you select a different timeframe and then switch back, does it correct itself?

[MorganeMeganck]

Yes it does

[mvdnbrk]

Setting width to full results is the following HTML:

<div class="px-3 mb-6 w-full">
    <div class="card relative px-6 py-4">
        ....
    <div>
</div>

Like @robinstraub mentioned earlier the card-panel class is missing.
The card-panel class sets the height to 150px.

<div class="px-3 mb-6 w-full">
    <div class="card relative px-6 py-4 card-panel">
        ....
    <div>
</div>

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.