You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@flex.apache.org by "Alex Harui (JIRA)" <ji...@apache.org> on 2016/02/23 01:06:18 UTC

[jira] [Commented] (FLEX-35038) ToolTip does not honor global CSS fontSize

    [ https://issues.apache.org/jira/browse/FLEX-35038?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15157980#comment-15157980 ] 

Alex Harui commented on FLEX-35038:
-----------------------------------

I suppose the documentation could be better, but IMO, the documentation does not guarantee that setting a global fontSize will affect the tooltip.  The ToolTip has a default type selector like this:

ToolTip
{
	backgroundColor: #FFFFCC;
	backgroundAlpha: 0.95;
	borderColor: #919999;
	borderSkin: ClassReference("mx.skins.halo.ToolTipBorder");
	borderStyle: "toolTip";
	cornerRadius: 2;
	fontSize: 10;
	paddingBottom: 2;
	paddingLeft: 4;
	paddingRight: 4;
	paddingTop: 2;
}

So any of these settings will supersede what put in the global selector.


> ToolTip does not honor global CSS fontSize
> ------------------------------------------
>
>                 Key: FLEX-35038
>                 URL: https://issues.apache.org/jira/browse/FLEX-35038
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: Spark: ToolTip
>    Affects Versions: Apache Flex 4.14.1
>            Reporter: Skylar Sutton
>
> Define a stylesheet using:
> {code:title=CSS (Test 1)|borderStyle=solid}
> global {
> 	fontFamily:  Helvetica, Arial, sans-serif; 
> 	fontSize:      16;
> 	color:           #333333;
> }
> mx|ToolTip {
> 	backgroundColor:    #FFFFE1;
> 	backgroundAlpha:    1;
> 	color:                       	 #000000;
> 	dropShadowVisible:  "true";
> }
> {code}
> Place a button on your application, assign it a tooltip, and observe that in this test the tooltip's font size is not 16, as defined globally. 
> Modify the css to:
> {code:title=CSS (Test 2)|borderStyle=solid}
> global {
> 	fontFamily:  Helvetica, Arial, sans-serif; 
> 	fontSize:      16;
> 	color:           #333333;
> }
> mx|ToolTip {
> 	backgroundColor:    #FFFFE1;
> 	backgroundAlpha:    1;
> 	color:                       	 #000000;
> 	dropShadowVisible:  "true";
> 	fontSize:                   16;
> }
> {code}
> In this test, the tooltip's font will in fact be 16, as explicitly defined.
> Test 2 is incorrect, as the ToolTip documentation states it will be affected by the fontSize style, and that style was set globally:
> {code:title=mx.controls.ToolTip.as}
> package mx.controls
> {
>  ...
> //--------------------------------------
> //  Styles
> //-------------------------------------- 
> /*
>     Note: ToolTip is affected by the following styles:
>     backgroundColor
>     borderColor
>     borderStyle
>     color
>     fontFamily
>     fontSize
>     fontStyle
>     fontWidth
>     paddingBottom
>     paddingLeft
>     paddingRight
>     paddingTop
>     shadowColor (when borderStyle is "toolTip")
>     textAlign
>     textDecoration
> */
> ...
> {code}



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)