Skip to content

Commit bce8161

Browse files
committed
fix: removed bad js file
1 parent 0445835 commit bce8161

File tree

4 files changed

+5
-21
lines changed

4 files changed

+5
-21
lines changed

app/ns-ui-category/icon-fonts/tips-and-tricks/tips-and-tricksts-page.js

Lines changed: 0 additions & 18 deletions
This file was deleted.

app/ns-ui-category/icon-fonts/usage/article.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,4 @@ WIth NativeScript 6 and above, we can use icon fonts with `Image` elements. For
99
<snippet id='icon-font-xml-images'/>
1010
<snippet id='icon-font-css-class-def'/>
1111

12-
>> **Note:** Images have specific stretch options (`none`, `aspectFit`, `aspectFill`). At the same time the icon fonts are having `font-size` which can contorl the size of our font. If you want to set the size of your icon through the `font-size` property then set `stretch` property to `none`. Any other values of the stretch property (including the default one) will cause the icon to be resized by measuring the image (or if there is no sizes set, the parent layout in whcih the image is nested).
12+
>> **Note:** Images have specific stretch options (`none`, `aspectFit`, `aspectFill`). At the same time the icon fonts are having `font-size` which can control the size of our font. If you want to set the size of your icon through the `font-size` property then set `stretch` property to `none`. Any other values of the stretch property (including the default one) will cause the icon to be streched by measuring the image (or if there is no sizes set, the parent layout in whcih the image is nested).

app/ns-ui-widgets-category/image/icon-fonts/article.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,5 @@ Using the `font://` prefix, you can load a resource image while setting up an ic
66
<snippet id='image-icon-fonts-css'/>
77
<snippet id='image-icon-fonts-js'/>
88
<snippet id='image-icon-fonts-ts'/>
9+
10+
>> **Note:** Images have specific stretch options (`none`, `aspectFit`, `aspectFill`). At the same time the icon fonts are having `font-size` which can control the size of our font. If you want to set the size of your icon through the `font-size` property then set `stretch` property to `none`. Any other values of the stretch property (including the default one) will cause the icon to be streched by measuring the image (or if there is no sizes set, the parent layout in whcih the image is nested).

app/ns-ui-widgets-category/image/icon-fonts/icon-fonts-page.xml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@
77
<!-- >> image-icon-fonts-xml -->
88
<GridLayout rows="*, *" columns="*, *" height="300" loaded="containerLoaded" verticalAlignment="middle">
99

10-
<Image row="0" col="0" src="font://&#xF2b9;" class="font-awesome"/>
10+
<Image row="0" col="0" src="font://&#xF2b9;" stretch="none" class="font-awesome"/>
1111

12-
<Image row="0" col="1" src="font://&#xF359;" style="font-family: 'Font Awesome 5 Free', 'fa-regular-400';" class="font-awesome color"/>
12+
<Image row="0" col="1" src="font://&#xF359;" stretch="aspectFit" style="font-family: 'Font Awesome 5 Free', 'fa-regular-400';" class="font-awesome color"/>
1313

1414
</GridLayout>
1515
<!-- << image-icon-fonts-xml -->

0 commit comments

Comments
 (0)