flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Skylar Sutton (JIRA)" <j...@apache.org>
Subject [jira] [Updated] (FLEX-35038) mx|ToolTip does not honor global CSS fontSize
Date Mon, 22 Feb 2016 17:56:18 GMT

     [ https://issues.apache.org/jira/browse/FLEX-35038?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]

Skylar Sutton updated FLEX-35038:
---------------------------------
    Description: 
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 defined above.

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}

  was:
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 defined above.

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}


> mx|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 defined above.
> 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)

Mime
View raw message