René's URL Explorer Experiment


Title: Feature Request: Span supporting alignment · Issue #4795 · NativeScript/NativeScript · GitHub

Open Graph Title: Feature Request: Span supporting alignment · Issue #4795 · NativeScript/NativeScript

X Title: Feature Request: Span supporting alignment · Issue #4795 · NativeScript/NativeScript

Description: 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 star...

Open Graph Description: 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 ...

X Description: 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 ...

Opengraph URL: https://github.com/NativeScript/NativeScript/issues/4795

X: @github

direct link

Domain: github.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Feature Request: Span supporting alignment","articleBody":"## Please, provide the details below:\r\n\r\n### Did you verify this is a real problem by searching [Stack Overflow](http://stackoverflow.com/questions/tagged/nativescript) and the [other open issues in this repo](https://github.com/NativeScript/nativescript/issues)?\r\n\r\nYes\r\n\r\n### Tell us about the problem\r\nPlease, ensure your title is less than 63 characters long and starts with a capital\r\nletter.\r\n\r\n### Which platform(s) does your issue occur on?\r\n\r\nAndroid -- confirmed\r\n\r\n### Please provide the following version numbers that your issue occurs with:\r\nLasted CLI, runtime, core-modules\r\n\r\n### Please tell us how to recreate the issue in as much detail as possible.\r\n\r\n``` XML\r\n\u003cButton row=\"3\" col=\"1\" class=\"action-button\" tap=\"{{ $parents['ListView'].onReplyTap }}\"\u003e\r\n            \u003cFormattedString\u003e\r\n                  \u003cSpan text=\"\u0026#xE0CB; \" class=\"mdi\"\u003e\u003c/Span\u003e\r\n                   \u003cSpan text=\"{{ reply_count }}\"\u003e\u003c/Span\u003e\r\n            \u003c/FormattedString\u003e\r\n\u003c/Button\u003e\r\n```\r\n\r\nGiven 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 🤗 \r\n\r\nBelow is screen demonstrating the offset:\r\n\u003cimg width=\"411\" alt=\"offsetspan\" src=\"https://user-images.githubusercontent.com/6006148/30045445-03da57a8-91ca-11e7-82bd-422b6170517a.png\"\u003e\r\n\r\n\r\n\u003cbountysource-plugin\u003e\r\n\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/48986815-feature-request-span-supporting-alignment?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github).\r\n\u003c/bountysource-plugin\u003e","author":{"url":"https://github.com/bradmartin","@type":"Person","name":"bradmartin"},"datePublished":"2017-09-05T04:36:25.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":41},"url":"https://github.com/4795/NativeScript/issues/4795"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:ed783148-d1b0-92bb-afb6-91c4a2090bad
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-idB8E8:173B9C:980F89:C527CE:6A600648
html-safe-noncedaca6a3a1d038debe6c5e7e8f00bd254bce289e090cffac1cfbc3f628caf2454
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCOEU4OjE3M0I5Qzo5ODBGODk6QzUyN0NFOjZBNjAwNjQ4IiwidmlzaXRvcl9pZCI6IjU5ODIyMDEzMjY5MjczNDkzMjAiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmaceb8816c4a00c31aee36f4e134e3d7ed633258ad34673ccee4dc1f5b62d9d1152
hovercard-subject-tagissue:255158055
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/4795/issue_layout
twitter:imagehttps://opengraph.githubassets.com/635238c9f5a54e2fc7d1974d71f48c052eff1a299ebab23f6ca9157244145a3f/NativeScript/NativeScript/issues/4795
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/635238c9f5a54e2fc7d1974d71f48c052eff1a299ebab23f6ca9157244145a3f/NativeScript/NativeScript/issues/4795
og:image:altPlease, 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 ...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamebradmartin
hostnamegithub.com
expected-hostnamegithub.com
None5789899e92b20db289de946d86eb20bf5c9626276695d68f58a8c47cdda699b7
turbo-cache-controlno-preview
go-importgithub.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git
octolytics-dimension-user_id7392261
octolytics-dimension-user_loginNativeScript
octolytics-dimension-repository_id31492490
octolytics-dimension-repository_nwoNativeScript/NativeScript
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id31492490
octolytics-dimension-repository_network_root_nwoNativeScript/NativeScript
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release6ddc048ddf80664b9b33547b619db10313c482f1
ui-targetcanary-2
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/NativeScript/NativeScript/issues/4795#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F4795
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F4795
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=NativeScript%2FNativeScript
Reloadhttps://github.com/NativeScript/NativeScript/issues/4795
Reloadhttps://github.com/NativeScript/NativeScript/issues/4795
Reloadhttps://github.com/NativeScript/NativeScript/issues/4795
Please reload this pagehttps://github.com/NativeScript/NativeScript/issues/4795
NativeScript https://github.com/NativeScript
NativeScripthttps://github.com/NativeScript/NativeScript
Please reload this pagehttps://github.com/NativeScript/NativeScript/issues/4795
Notifications https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Fork 1.7k https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Star 25.6k https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Code https://github.com/NativeScript/NativeScript
Issues 771 https://github.com/NativeScript/NativeScript/issues
Pull requests 69 https://github.com/NativeScript/NativeScript/pulls
Discussions https://github.com/NativeScript/NativeScript/discussions
Actions https://github.com/NativeScript/NativeScript/actions
Projects https://github.com/NativeScript/NativeScript/projects
Wiki https://github.com/NativeScript/NativeScript/wiki
Security and quality 0 https://github.com/NativeScript/NativeScript/security
Insights https://github.com/NativeScript/NativeScript/pulse
Code https://github.com/NativeScript/NativeScript
Issues https://github.com/NativeScript/NativeScript/issues
Pull requests https://github.com/NativeScript/NativeScript/pulls
Discussions https://github.com/NativeScript/NativeScript/discussions
Actions https://github.com/NativeScript/NativeScript/actions
Projects https://github.com/NativeScript/NativeScript/projects
Wiki https://github.com/NativeScript/NativeScript/wiki
Security and quality https://github.com/NativeScript/NativeScript/security
Insights https://github.com/NativeScript/NativeScript/pulse
Feature Request: Span supporting alignmenthttps://github.com/NativeScript/NativeScript/issues/4795#top
featurehttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22feature%22
https://github.com/bradmartin
bradmartinhttps://github.com/bradmartin
on Sep 5, 2017https://github.com/NativeScript/NativeScript/issues/4795#issue-255158055
Stack Overflowhttp://stackoverflow.com/questions/tagged/nativescript
other open issues in this repohttps://github.com/NativeScript/nativescript/issues
https://user-images.githubusercontent.com/6006148/30045445-03da57a8-91ca-11e7-82bd-422b6170517a.png
Post a bounty on it!https://www.bountysource.com/issues/48986815-feature-request-span-supporting-alignment?utm_campaign=plugin&utm_content=tracker%2F12908224&utm_medium=issues&utm_source=github
Bountysourcehttps://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F12908224&utm_medium=issues&utm_source=github
featurehttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22feature%22
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.