diff --git a/app/app.css b/app/app.css index 4a701b9..7440e9d 100644 --- a/app/app.css +++ b/app/app.css @@ -19,3 +19,16 @@ components that have the btn class name. .btn { font-size: 18; } + +.far { + font-family: "Font Awesome 5 Free", "fa-regular-400"; +} + +.fab { + font-family: "Font Awesome 5 Brands", "fa-brands-400"; +} + +.fas { + font-family: "Font Awesome 5 Free", "fa-solid-900"; +} + diff --git a/app/app.js b/app/app.js index de7f4f4..4d735d6 100644 --- a/app/app.js +++ b/app/app.js @@ -31,3 +31,4 @@ application.on(application.resumeEvent, function (args) { } }); application.run({ moduleName: "app-root" }); +//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiYXBwLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBS0EsMERBQTREO0FBQzVELDBEQUE0RDtBQUM1RCxpRkFBa0Y7QUFFbEYsSUFBTSxrQkFBa0IsR0FBRyxPQUFPLENBQUMseUJBQXlCLENBQUMsQ0FBQztBQUM5RCxJQUFJLGNBQWMsQ0FBQyxLQUFLLEVBQUU7SUFDdEIsSUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFDckQsV0FBVyxDQUFDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDLFVBQVUsQ0FBQztDQUNwRDtBQUVELFNBQVMsYUFBYTtJQUNsQixJQUFNLFFBQVEsR0FBa0IsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzFELElBQUkseUJBQXlCLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxFQUFFO1FBQ2pELElBQU0sS0FBSyxHQUFHLHlCQUF5QixDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqRSxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDZCx5QkFBeUIsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDaEQsUUFBUSxDQUFDLFFBQVEsQ0FBQztnQkFDZCxVQUFVLEVBQUUsS0FBSztnQkFDakIsWUFBWSxFQUFFLElBQUk7YUFDckIsQ0FBQyxDQUFDO1NBQ047S0FDSjtBQUNMLENBQUM7QUFDRCxXQUFXLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsVUFBQyxJQUFJO0lBQ3pDLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtRQUNkLElBQU0sR0FBRyxHQUFHLElBQUksa0JBQWtCLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbEUsYUFBYSxFQUFFLENBQUM7S0FDbkI7U0FBTSxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUU7UUFDakIsYUFBYSxFQUFFLENBQUM7S0FDbkI7QUFDTCxDQUFDLENBQUMsQ0FBQztBQUNILFdBQVcsQ0FBQyxHQUFHLENBQUMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG5JbiBOYXRpdmVTY3JpcHQsIHRoZSBhcHAuanMgZmlsZSBpcyB0aGUgZW50cnkgcG9pbnQgdG8geW91ciBhcHBsaWNhdGlvbi5cbllvdSBjYW4gdXNlIHRoaXMgZmlsZSB0byBwZXJmb3JtIGFwcC1sZXZlbCBpbml0aWFsaXphdGlvbiwgYnV0IHRoZSBwcmltYXJ5XG5wdXJwb3NlIG9mIHRoZSBmaWxlIGlzIHRvIHBhc3MgY29udHJvbCB0byB0aGUgYXBw4oCZcyBmaXJzdCBtb2R1bGUuXG4qL1xuaW1wb3J0ICogYXMgYXBwbGljYXRpb24gZnJvbSBcInRucy1jb3JlLW1vZHVsZXMvYXBwbGljYXRpb25cIjtcbmltcG9ydCAqIGFzIHBsYXRmb3JtTW9kdWxlIGZyb20gXCJ0bnMtY29yZS1tb2R1bGVzL3BsYXRmb3JtXCI7XG5pbXBvcnQgKiBhcyBhcHBsaWNhdGlvblNldHRpbmdzTW9kdWxlIGZyb21cInRucy1jb3JlLW1vZHVsZXMvYXBwbGljYXRpb24tc2V0dGluZ3NcIjtcbmltcG9ydCB7RnJhbWV9IGZyb20gXCJ0bnMtY29yZS1tb2R1bGVzL3VpL2ZyYW1lXCI7XG5jb25zdCBkZWVwTGlua0RhdGFNb2R1bGUgPSByZXF1aXJlKFwiLi9zaGFyZWQvZGVlcC1saW5rLWRhdGFcIik7XG5pZiAocGxhdGZvcm1Nb2R1bGUuaXNJT1MpIHtcbiAgICBjb25zdCBteWRlbGVnYXRlID0gcmVxdWlyZShcIi4vZGVsZWdhdGUvbXktZGVsZWdhdGVcIik7XG4gICAgYXBwbGljYXRpb24uaW9zLmRlbGVnYXRlID0gbXlkZWxlZ2F0ZS5NeURlbGVnYXRlO1xufVxuXG5mdW5jdGlvbiBsYXVuY2hFeGFtcGxlKCkge1xuICAgIGNvbnN0IHJvb3RWaWV3OiBGcmFtZSA9IDxGcmFtZT4gYXBwbGljYXRpb24uZ2V0Um9vdFZpZXcoKTtcbiAgICBpZiAoYXBwbGljYXRpb25TZXR0aW5nc01vZHVsZS5oYXNLZXkoXCJnb3RvZXhhbXBsZVwiKSkge1xuICAgICAgICBjb25zdCB2YWx1ZSA9IGFwcGxpY2F0aW9uU2V0dGluZ3NNb2R1bGUuZ2V0U3RyaW5nKFwiZ290b2V4YW1wbGVcIik7XG4gICAgICAgIGlmICh2YWx1ZSAhPT0gXCJcIikge1xuICAgICAgICAgICAgYXBwbGljYXRpb25TZXR0aW5nc01vZHVsZS5yZW1vdmUoXCJnb3RvZXhhbXBsZVwiKTtcbiAgICAgICAgICAgIHJvb3RWaWV3Lm5hdmlnYXRlKHtcbiAgICAgICAgICAgICAgICBtb2R1bGVOYW1lOiB2YWx1ZSxcbiAgICAgICAgICAgICAgICBjbGVhckhpc3Rvcnk6IHRydWVcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxufVxuYXBwbGljYXRpb24ub24oYXBwbGljYXRpb24ucmVzdW1lRXZlbnQsIChhcmdzKSA9PiB7XG4gICAgaWYgKGFyZ3MuYW5kcm9pZCkge1xuICAgICAgICBjb25zdCBkbGQgPSBuZXcgZGVlcExpbmtEYXRhTW9kdWxlLkRlZXBMaW5rRGF0YShcIlwiLCBhcmdzLmFuZHJvaWQpO1xuICAgICAgICBsYXVuY2hFeGFtcGxlKCk7XG4gICAgfSBlbHNlIGlmIChhcmdzLmlvcykge1xuICAgICAgICBsYXVuY2hFeGFtcGxlKCk7XG4gICAgfVxufSk7XG5hcHBsaWNhdGlvbi5ydW4oeyBtb2R1bGVOYW1lOiBcImFwcC1yb290XCIgfSk7XG5cbi8qXG5EbyBub3QgcGxhY2UgYW55IGNvZGUgYWZ0ZXIgdGhlIGFwcGxpY2F0aW9uIGhhcyBiZWVuIHN0YXJ0ZWQgYXMgaXQgd2lsbCBub3RcbmJlIGV4ZWN1dGVkIG9uIGlPUy5cbiovXG4iXX0= \ No newline at end of file diff --git a/app/fonts/FontAwesome.ttf b/app/fonts/FontAwesome.ttf deleted file mode 100644 index f221e50..0000000 Binary files a/app/fonts/FontAwesome.ttf and /dev/null differ diff --git a/app/fonts/IcoMoon-Free.ttf b/app/fonts/IcoMoon-Free.ttf new file mode 100644 index 0000000..5691944 Binary files /dev/null and b/app/fonts/IcoMoon-Free.ttf differ diff --git a/app/fonts/fa-brands-400.ttf b/app/fonts/fa-brands-400.ttf new file mode 100644 index 0000000..0a30775 Binary files /dev/null and b/app/fonts/fa-brands-400.ttf differ diff --git a/app/fonts/fa-regular-400.ttf b/app/fonts/fa-regular-400.ttf new file mode 100644 index 0000000..b5414de Binary files /dev/null and b/app/fonts/fa-regular-400.ttf differ diff --git a/app/fonts/fa-solid-900.ttf b/app/fonts/fa-solid-900.ttf new file mode 100644 index 0000000..53c8f36 Binary files /dev/null and b/app/fonts/fa-solid-900.ttf differ diff --git a/app/fonts/icomoon.ttf b/app/fonts/icomoon.ttf deleted file mode 100644 index 9f2b867..0000000 Binary files a/app/fonts/icomoon.ttf and /dev/null differ diff --git a/app/ns-framework-modules-category/fps-meter/basics/basics-ts-page.ts b/app/ns-framework-modules-category/fps-meter/basics/basics-ts-page.ts index 0725e00..bb038cf 100644 --- a/app/ns-framework-modules-category/fps-meter/basics/basics-ts-page.ts +++ b/app/ns-framework-modules-category/fps-meter/basics/basics-ts-page.ts @@ -1,5 +1,5 @@ import { Observable } from "tns-core-modules/data/observable"; -import { setBoolean, getBoolean } from "application-settings"; +import { setBoolean, getBoolean } from "tns-core-modules/application-settings"; import { Page } from "tns-core-modules/ui/page"; // >> import-fps-meter import { removeCallback, start, stop, addCallback } from "tns-core-modules/fps-meter"; diff --git a/app/ns-framework-modules-category/trace/custom-trace-writer/custom-trace-writer-ts-page.ts b/app/ns-framework-modules-category/trace/custom-trace-writer/custom-trace-writer-ts-page.ts index 0cd07ec..00308a6 100644 --- a/app/ns-framework-modules-category/trace/custom-trace-writer/custom-trace-writer-ts-page.ts +++ b/app/ns-framework-modules-category/trace/custom-trace-writer/custom-trace-writer-ts-page.ts @@ -2,7 +2,7 @@ import { Observable } from "tns-core-modules/data/observable"; import { ObservableArray } from "tns-core-modules/data/observable-array"; import { enable, disable, categories, setCategories, messageType, clearWriters, addWriter } from "tns-core-modules/trace"; -import { isUndefined } from "utils/types"; +import { isUndefined } from "tns-core-modules/utils/types"; import { Page } from "tns-core-modules/ui/page"; // >> trace-create-custom-writer-ts const array = new ObservableArray(); diff --git a/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.css b/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.css index bf1de69..bdb25a2 100644 --- a/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.css +++ b/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.css @@ -1,8 +1,27 @@ /* >> icon-font-css-class-def */ -.icon{ - font-family: icomoon; +.far { + font-family: "Font Awesome 5 Free", "fa-regular-400"; +} + +.fab { + font-family: "Font Awesome 5 Brands", "fa-brands-400"; +} + +.fas { + font-family: "Font Awesome 5 Free", "fa-solid-900"; +} + +.ico { + font-family: "IcoMoon-Free"; } /* << icon-font-css-class-def */ + +Label { + font-size: 34; + color: #66ccff; + margin: 8; +} + .border_style{ border-width: 5; border-color:black; diff --git a/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.xml b/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.xml index 30cf391..1dbef24 100644 --- a/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.xml +++ b/app/ns-ui-widgets-category/icon-fonts/basics/basics-page.xml @@ -1,74 +1,27 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + diff --git a/app/ns-ui-widgets-category/icon-fonts/code-behind/article.md b/app/ns-ui-widgets-category/icon-fonts/code-behind/article.md index 0ca262b..be51573 100644 --- a/app/ns-ui-widgets-category/icon-fonts/code-behind/article.md +++ b/app/ns-ui-widgets-category/icon-fonts/code-behind/article.md @@ -5,3 +5,15 @@ The example shows, how to use setup the `font-family` property via CSS and how t + +And the result is: + +![sample-app](../img/modules/icon-fonts/sample-app.png "Sample App") + +Example for icon font glyphs: + +![icomoon](../img/modules/icon-fonts/icomoon.png "Icomoon") + +Example for icon font folder location: + +![icon-fonts](../img/modules/icon-fonts/fonts-folder.png "Fonts Folder") \ No newline at end of file diff --git a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.css b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.css index 857c9e4..e6aa5b0 100644 --- a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.css +++ b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.css @@ -1,5 +1,22 @@ /* >> icon-font-code-behind-css */ -.icon{ - font-family: icomoon; +/* + File name: IcoMoon-Free.ttf + Font name: IcoMoon-Free +*/ +.ico { + font-family: 'IcoMoon-Free'; + font-size: 48; } + + /* only for reference, is NOT working in this example (due to wrong glyph codes) + .fa { + font-family: "Font Awesome 5 Free", "fa-regular-400"; + font-size: 48; + } + */ /* << icon-font-code-behind-css */ + +Label { + margin: 8; + font-size: 32; +} \ No newline at end of file diff --git a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.js b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.js index da6ce09..bb204cd 100644 --- a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.js +++ b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.js @@ -1,18 +1,19 @@ -const Observable = require("data/observable").Observable; // >> icon-font-code-behind-code -function onPageLoaded(args) { +const Observable = require("tns-core-modules/data/observable").Observable; +function pageLoaded(args) { const page = args.object; const viewModel = new Observable(); + const glyphs = []; - let charCode = 0xe903; - for (; charCode <= 0xeaea; charCode++) { + for (let charCode = 0xe903; charCode <= 0xeaea; charCode++) { const glyph = new Observable(); glyph.set("icon", String.fromCharCode(charCode)); glyph.set("code", charCode.toString(16)); glyphs.push(glyph); } viewModel.set("glyphs", glyphs); + page.bindingContext = viewModel; } -exports.onPageLoaded = onPageLoaded; +exports.pageLoaded = pageLoaded; // << icon-font-code-behind-code diff --git a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.xml b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.xml index e97eada..4ac0154 100644 --- a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.xml +++ b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-page.xml @@ -1,17 +1,17 @@ - + - + - - + + - - + + + - \ No newline at end of file diff --git a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.css b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.css index 857c9e4..55f66f8 100644 --- a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.css +++ b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.css @@ -1,5 +1,22 @@ /* >> icon-font-code-behind-css */ -.icon{ - font-family: icomoon; -} +/* + File name: IcoMoon-Free.ttf + Font name: IcoMoon-Free +*/ +.ico { + font-family: 'IcoMoon-Free'; + font-size: 48; + } + + /* only for reference, is NOT working in this example (due to wrong glyph codes) + .fa { + font-family: "Font Awesome 5 Free", "fa-regular-400"; + font-size: 48; + } + */ /* << icon-font-code-behind-css */ + +Label { + margin: 8; + font-size: 32; +} \ No newline at end of file diff --git a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.ts b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.ts index 1a8d5a0..55090b2 100644 --- a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.ts +++ b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.ts @@ -1,18 +1,20 @@ -import { Observable } from "tns-core-modules/data/observable"; -import { Page } from "tns-core-modules/ui/page"; // >> icon-font-code-behind-code-ts -export function onPageLoaded(args) { - const page: Page = args.object; +import { Observable, EventData } from "tns-core-modules/data/observable"; +import { Page } from "tns-core-modules/ui/page"; + +export function pageLoaded(args: EventData) { + const page = args.object; const viewModel = new Observable(); - const glyphs = []; - let charCode = 0xe903; - for (; charCode <= 0xeaea; charCode++) { + + let glyphs = new Array(); + for (let charCode = 0xe903; charCode <= 0xeaea; charCode++) { const glyph = new Observable(); glyph.set("icon", String.fromCharCode(charCode)); glyph.set("code", charCode.toString(16)); glyphs.push(glyph); } viewModel.set("glyphs", glyphs); + page.bindingContext = viewModel; } // << icon-font-code-behind-code-ts diff --git a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.xml b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.xml index c7bda42..63230cd 100644 --- a/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.xml +++ b/app/ns-ui-widgets-category/icon-fonts/code-behind/code-behind-ts-page.xml @@ -1,14 +1,14 @@ - + - + - + - - + + diff --git a/app/ns-ui-widgets-category/icon-fonts/overview.md b/app/ns-ui-widgets-category/icon-fonts/overview.md index 65255c8..d37900a 100644 --- a/app/ns-ui-widgets-category/icon-fonts/overview.md +++ b/app/ns-ui-widgets-category/icon-fonts/overview.md @@ -1,18 +1,54 @@ - -# Icon Fonts -While bitmap images are great, they present challenges in designing mobile applications. Images increase the size of the application if they are embedded in it. If not, they require additional http requests in order to be fetched. Images consume memory. Furthermore, bitmap images do not scale well. If scaled up, they will lose quality. If scaled down, they will waste space. On the other hand, fonts scale well, do not require additional http requests for each glyph and do not increase memory usage significantly. Icon fonts contain icons instead of alphabet characters and can be used instead of images in mobile applications. +While bitmap images are great, they present challenges in designing mobile applications. Images increase the size of the application if they are embedded in it. If not, they require additional http requests to be fetched. Images consume memory. Furthermore, bitmap images do not scale well. If scaled up, they lose quality. If scaled down, they waste space. On the other hand, fonts scale well, do not require additional http requests for each glyph and do not increase memory usage significantly. Icon fonts contain icons instead of alphabet characters and can be used instead of images in mobile applications. ## Using Icon Fonts in NativeScript -1. Choose or generate an icon font that best matches your needs. Two popular icon fonts are [IcoMoon](https://icomoon.io/) and [Font Awesome](https://fortawesome.github.io/Font-Awesome/). + +1. Choose or generate an icon font that best matches your needs. Two popular icon fonts are [IcoMoon](https://icomoon.io/) and [Font Awesome](https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself). 2. Once you have downloaded the icon font to your machine, locate the [TrueType](https://en.wikipedia.org/wiki/TrueType) font file with extension **.ttf**. -3. In your NativeScript application **app** folder, create a folder called **fonts** and place the **.ttf** there. +3. In your root application folder (This is the **app** folder for NativeScript Core, and the **src** folder for Angular 6+), create a folder called **fonts** and place the **.ttf** there. 4. Follow the instructions on the icon font webpage to determine the hex codes of each font glyph, i.e., icon. Add a **Label** component to your NativeScript app and bind the Label's **text** property to a one-letter string generated from the character code of the icon you want to show, i.e., `String.fromCharCode(0xe903)`. -> Do not forget to set the Label's **font-family** to the name of your font either through CSS, XML or code-behind. Remember: Android needs the actual filename (without extension) whereas iOS needs the font name. To be cross-platform-ready, you can provide both. +> **Note:** While this documentation article is focused on icon fonts, the above workflow is a hundred percent applicable for both **text fonts** and **icon fonts** (except that with text fonts step 4 as they don't include icons but only plain text). + +## Platform Specific Font Recognition + +There is a conceptual difference in how **.ttf** fonts are recognized on iOS and Android. On Android, the font is recognized by its **file name** while on iOS it is recognized by its **font name**. This means that fonts that are created with a font name which is different from the file name has to be registered with both names in your CSS rule. + +```CSS +.fa-brands { + font-family: "Font Awesome 5 Brands", "fa-brands-400"; +} +``` + +In the above example, the `fa-brands-400.ttf` (as downloaded from the FontAwesome site) has a font name `Font Awesome 5 Brands`. With the above CSS, the font is recognized on both iOS (by the font name `Font Awesome 5 Brands`) and Android (by the file name `fa-brands-400`). + +> **Note:** There are specific scenarios where the creators of the fonts might have released two differently named `ttf` files but with the same **font** name (see the example below). + +|file name | font name | +|-----------|---------------| +|**fa-solid-900.ttf** | Font Awesome 5 Free +|**fa-regular-400.ttf** | Font Awesome 5 Free + +Notice that in the above example the **file** names are different, but the registered **font** name is the same (use the **Font Book** application on Mac or the **Control Panel Fonts** section on Windows to see the actual font name). While this is no issue on Android, it renders the second font unusable on iOS. To handle similar cases additional CSS font properties, such as for example `font-weight`, must be added. + +```CSS +/* + File name: fa-regular-400.ttf + Font name: Font Awesome 5 Free +*/ +.far { + font-family: "Font Awesome 5 Free", "fa-regular-400"; + font-weight: 400; +} + +/* + File name: fa-solid-900.ttf + Font name: Font Awesome 5 Free +*/ +.fas { + font-family: "Font Awesome 5 Free", "fa-solid-900"; + font-weight: 900; +} +``` -## Icon Font -![icomoon](../img/modules/icon-fonts/icomoon.png "Icomoon") -## Fonts Folder -![icon-fonts](../img/modules/icon-fonts/fonts-folder.png "Fonts Folder") \ No newline at end of file diff --git a/app/ns-ui-widgets-category/label/styling/styling-page.css b/app/ns-ui-widgets-category/label/styling/styling-page.css index adb99f4..ac3999a 100644 --- a/app/ns-ui-widgets-category/label/styling/styling-page.css +++ b/app/ns-ui-widgets-category/label/styling/styling-page.css @@ -1,7 +1,4 @@ /* >> label-css-styles */ -.fa { - font-family: FontAwesome; -} .my-label { background-color: #bc7474; color: whitesmoke; diff --git a/app/ns-ui-widgets-category/label/styling/styling-page.xml b/app/ns-ui-widgets-category/label/styling/styling-page.xml index aa04a28..78c8535 100644 --- a/app/ns-ui-widgets-category/label/styling/styling-page.xml +++ b/app/ns-ui-widgets-category/label/styling/styling-page.xml @@ -6,11 +6,11 @@ - - \ No newline at end of file diff --git a/package.json b/package.json index e22b430..599e19f 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,10 @@ ], "license": "Apache-2.0", "nativescript": { - "id": "org.nativescript.nativescriptsdkexamplesjs" + "id": "org.nativescript.nativescriptsdkexamplesjs", + "tns-ios": { + "version": "5.3.0-rc-2019-03-25-101854-01" + } }, "dependencies": { "nativescript-theme-core": "~1.0.4",