CrisisCleanup/crisiscleanup-4-web

Yellow Case Button Display Error

Closed this issue · 2 comments

Description

For some reason, some of the yellow case buttons are not displaying. FF.

Expected Behavior

Current Behavior

Screenshots

Issue-Missing worksite button

Steps to Reproduce

Tasks

@aarontitus This issue is caused by not having width and height field on the sticky not svg icon. Chrome renders it fine without those properties but firefox doesn't. We need to make sure that width and height fields exists on a svg before adding it to repo.

Before:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M312 320h136V56c0-13.3-10.7-24-24-24H24C10.7 32 0 42.7 0 56v400c0 13.3 10.7 24 24 24h264V344c0-13.2 10.8-24 24-24zm129 55l-98 98c-4.5 4.5-10.6 7-17 7h-6V352h128v6.1c0 6.3-2.5 12.4-7 16.9z" />
</svg>

After:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="448" height="512">
    <path d="M312 320h136V56c0-13.3-10.7-24-24-24H24C10.7 32 0 42.7 0 56v400c0 13.3 10.7 24 24 24h264V344c0-13.2 10.8-24 24-24zm129 55l-98 98c-4.5 4.5-10.6 7-17 7h-6V352h128v6.1c0 6.3-2.5 12.4-7 16.9z" />
</svg>

Fixed by #769