Skip to content

Commit 8e2eb1f

Browse files
authored
Merge pull request #148 from NativeScript/niliev/fonts
fix: removed bad js file
2 parents aa9a225 + bce8161 commit 8e2eb1f

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)