8000 Feature Request: Span supporting alignment · Issue #4795 · NativeScript/NativeScript · GitHub
[go: up one dir, main page]

Skip to content
Feature Request: Span supporting alignment #4795
Open
@bradmartin

Description

@bradmartin

Please, provide the details below:

Did you verify this is a real problem by searching Stack Overflow and the other open issues in this repo?

Yes

Tell us about the problem

Please, ensure your title is less than 63 characters long and starts with a capital
letter.

Which platform(s) does your issue occur on?

Android -- confirmed

Please provide the following version numbers that your issue occurs with:

Lasted CLI, runtime, core-modules

Please tell us how to recreate the issue in as much detail as possible.

<Button row="3" col="1" class="action-button" tap="{{ $parents['ListView'].onReplyTap }}">
            <FormattedString>
                  <Span text="&#xE0CB; " class="mdi"></Span>
                   <Span text="{{ reply_count }}"></Span>
            </FormattedString>
</Button>

Given the above layout, using spans for positioning a font icon next to the text inside a button. It would be nice to have a way to shift the alignment of the span. The font icon is slightly offset vertically compared to the string text. I've looked through the span source and seen the limited list of styling props available. If this isn't simply achievable, maybe an explanation on the limitation so the documentation can be improved in this area as well. I'm sure I can't be the only one who's tried this approach and noticed it 😄 so if there are limitations at least having it documented for new NS devs would be nice 👍 look forward to hearing more info. Thanks as always 🤗

Below is screen demonstrating the offset:
offsetspan


Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0