On Apr 10, 1:10 pm, Reinier Kip <[email protected]> wrote:
> Hi,
>
> I have placed <ui:style src="example.css" /> in my ui xml. This refers
> to a stylesheet that contains (among other rules):
>
> > background-image: -webkit-gradient(linear, left top, left bottom, 
> > from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));
>
> In the webpage, this results in a compressed (as in: whitespaces
> removed) inlined stylesheet. Problem: the above rule turns into this:
>
> > background-image:-webkit-gradient(linear,lefttop,leftbottom,from(rgba(255,2 
> > 55,255,0.25)),to(rgba(255,255,255,0)));
>
> Note 'lefttop' and 'leftbottom'; this is especially problematic, as
> this isn't valid. When 'lefttop' is replaced by, for example, '0% 0%',
> it gets replaced by '00'. Am I doing something wrong or is this a bug?

It might be a bug yes (either in GWT or in Flute, the CSS parser it
uses). Try this as a workaround:
background-image:: literal("-webkit-gradient(linear, left top, left
bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)))");

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to