Repository: flex-asjs
Updated Branches:
  refs/heads/feature/fontawesome 404e55e4c -> 7c793d55b


Add support for fixed-width icons (fa-fw)


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/7c793d55
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/7c793d55
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/7c793d55

Branch: refs/heads/feature/fontawesome
Commit: 7c793d55bdb53f121d1069bbb3c100721e23d005
Parents: 404e55e
Author: OmPrakash Muppirala <bigosma...@gmail.com>
Authored: Sat Jan 7 23:14:21 2017 -0800
Committer: OmPrakash Muppirala <bigosma...@gmail.com>
Committed: Sat Jan 7 23:14:21 2017 -0800

----------------------------------------------------------------------
 .../main/flex/itemRenderers/MemberItemRenderer.mxml  |  3 ++-
 .../main/flex/org/apache/flex/fa/FontAwesomeIcon.as  | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/7c793d55/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
----------------------------------------------------------------------
diff --git 
a/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
 
b/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
index ab1ff19..4456822 100644
--- 
a/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
+++ 
b/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
@@ -79,7 +79,8 @@ limitations under the License.
             </mdl:Button>
             <mdl:Button colored="true" fab="true" ripple="true" raised="false">
                 <mdl:materialIcon>
-                    <fa:FontAwesomeIcon iconType="{FontAwesomeIconType.GLASS}" 
size="{FontAwesomeIconSize.X1}"  />
+                    <fa:FontAwesomeIcon iconType="{FontAwesomeIconType.GLASS}" 
size="{FontAwesomeIconSize.X1}"
+                    fixedWidth="true"/>
                 </mdl:materialIcon>
             </mdl:Button>
         </mdl:CardActions>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/7c793d55/frameworks/projects/FontAwesome/src/main/flex/org/apache/flex/fa/FontAwesomeIcon.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/FontAwesome/src/main/flex/org/apache/flex/fa/FontAwesomeIcon.as
 
b/frameworks/projects/FontAwesome/src/main/flex/org/apache/flex/fa/FontAwesomeIcon.as
index e193b0d..b25cea2 100644
--- 
a/frameworks/projects/FontAwesome/src/main/flex/org/apache/flex/fa/FontAwesomeIcon.as
+++ 
b/frameworks/projects/FontAwesome/src/main/flex/org/apache/flex/fa/FontAwesomeIcon.as
@@ -63,6 +63,7 @@ package org.apache.flex.fa
         protected var textNode:Text;
                protected var _iconType:String;
                protected var _size:String;
+        protected var _fixedWidth:Boolean;
 
         /**
          * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
@@ -127,6 +128,20 @@ package org.apache.flex.fa
                 element.classList.add(value);
             }
         }
+
+        public function get fixedWidth():Boolean
+        {
+            return _fixedWidth;
+        }
+
+        public function set fixedWidth(value:Boolean):void
+        {
+            _fixedWidth = value;
+            COMPILE::JS
+            {
+                element.classList.toggle('fa-fw',_fixedWidth);
+            }
+        }
                
     }
 }

Reply via email to