I have the exact same problem with opacity. When I add the IE- specific: filter: alpha(opacity=20); The CSS resource to fails to compile. The IE8 version:
seems to work fine. I haven't looked for a workaround, yet, but all I can think of will look like an ugly patch... I've found the bug in the issue tracker at: http://code.google.com/p/google-web-toolkit/issues/detail?id=4688&q=CssResource Please star it if you've had this problem too. On Mar 17, 1:01 pm, nogridbag <[email protected]> wrote: > I figured out the answer to question 2. I just had to add @NotStrict > annotation. Questions 1 and 3 still perplex me. > > On Mar 17, 3:45 pm, nogridbag <[email protected]> wrote: > > > > > 1) @external not working as expected > > > The GWT doc states that if you mark a style as @external it won't be > > obfuscated and it doesn't need an associated method in the CssResource > > interface. > > > So for instance: > > @external legacySelectorA, legacySelectorB; > > .obfuscated .legacySelectorA { .... } > > > When I do this, the style: ".obfuscated .legacySelectorA" will simply > > be ignored and will not show up in the generated CSS. All other > > styles that do not use an @external style appear fine in the CSS. > > > There's no errors generated. > > > I thought maybe I could only have one @external annotation in the CSS > > file so I moved all the external styles into one big annotation at the > > top of the file: > > > @external abc, def, ghi, blah, blahblah, blahblahblah > > > Putting them in one @external annotation at the top of the file > > generates errors so I'm assuming this should not be done. > > > 2) How do I simply bundle a simple CSS file without obfuscating it? > > > I thought I could simply create a CssResouce (without subclassing), > > and specify an annotation so that it's just treated as a static > > resource. > > > Both the link (html) and stylesheet tag (in module descriptor) are > > deprecated according to the documentation. I would like slowly > > transition CSS files to the new CssResource method without adding 50 > > million @external annotations everywhere. The styles are referenced > > all throughout our project as strings like addStyleName("my-style") > > and I don't want to break this functionality at the moment. > > > 3) How can I have an "=" sign in a style? > > > @if user.agent ie6 ie8 { > > .my-style img { filter: alpha(opacity=20); } */} @elif user.agent > > gecko gecko1_8 { > > > .my-style img { -moz-opacity: 0.2; } > > > } > > > The "=" sign in the IE specific string generates an error. > > > -------------- > > > Finally, this isn't a question. It's more of a general comment. So > > far the experience using the CssResource has been pretty painful. > > Much of our CSS involves customizing the GXT library's stylesheet. > > > So if you have a style like this: > > .my-tab-panel-header .x-tab-strip-top .x-tab-strip-active .x-tab-right > > span.x-tab-strip-text > > ...it quickly turns into annotation hell especially since I often have > > the same external styles referenced in two spots. Here, we're > > slightly customizing the GXT tab panel adding three styles. > > > @external .x-tab-strip-top, .x-tab-left > > .my-tab-panel-header .x-tab-strip-top .x-tab-left { > > .. one CSS style > > > } > > > @external .x-tab-strip-top, .x-tab-strip-inner > > .my-tab-panel-header .x-tab-strip-top .x-tab-strip-inner { > > .. one more CSS style > > > } > > > �...@external .x-tab-strip-top, .x-tab-strip-active, .x-tab-strip-inner > > .my-tab-panel-header .x-tab-strip-top .x-tab-strip-active .x-tab-strip- > > inner { > > .. one more CSS style > > > } > > > I wind up having more @external annotations all over the document than > > I do actual CSS code. > > > Thanks. -- 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.
