Skip to content

Improve Responsiveness of Icons #126

Open
@amalnanavati

Description

@amalnanavati

Building off of this commit message.

Currently, the app's solution to scaling SVG icons within buttons is to pass in iconWidth and iconHeight which is hardcoded as a percentage of the overall screen width/height. However, this won't work well if we render components in a smaller part of the screen, e.g., what we do when customizing distance to mouth in a smaller modal. Hence, the more robust solution to responsiveness of icon size is to make both the width and height a percentage of the icon's flexbox parts (se the above-linked commit for an example).

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions