Skip to content

bim-icon svg image wrong position #56

@YgorFasa98

Description

@YgorFasa98

Describe the bug 📝

Related to the previous issue (issue #55 ), if the bim-label has an icon and the font size is bigger, the svg image will be placed on the bottom part of the label and not inside its related container (which is correctly positioned on the center of the label).
In this case the problem could be in the display:inline-block from the :host element of the children of , in fact, removing this the svg will be placed in the correct position.

Before:
image

After:
image

Reproduction ▶️

No response

Steps to reproduce 🔢

Create a bim-label element, add an icon and set the font size of the label bigger

System Info 💻

//

Used Package Manager 📦

npm

Error Trace/Logs 📃

No response

Validations ✅

  • Read the docs.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Make sure this is a repository issue and not a framework-specific issue. For example, if it's a THREE.js related bug, it should likely be reported to mrdoob/threejs instead.
  • Check that this is a concrete bug. For Q&A join our Community.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions