Hi all,
Let me just go with an example right off the bat.
Let's say I have the following:
=== Pseudocode ===
SuperCssResource: This is injected onModuleLoad before anything else
.genButton{
color: black;
}
Widget1 consists of:
--- css ---
MyCssResource:
.myButton{
color: red;
}
--- html ---
<button class="genButton myButton" />
Widget2 consists of:
--- css ---
XCssResource extends SuperCssResource:
... rules that use classes from SuperCssResource
--- html ---
...elements
My problem is that if I display Widget1 first and then display Widget2 then
the button in Widget1 will have a color of black instead of red.
I know that this is expected behavior (GWT will merge the stylesheets
together) since inheritance is basically the cssresource equivalent of CSS
@import <http://www.w3.org/TR/css3-cascade/#at-import>
but I thought since this was GWT maybe there was a way to use inheritance
in the sense that the inherited stylesheet would only be injected if
not injected already. Is this currently possible? or could it be done with
like a @Require annotation on the extending interface which would indicate
that merging of the super stylesheet should not be done but rather a check
would be made to see if it already exists and if not to inject it.
This would easily resolve the specificity overriding issue in the example
when it's not the desired behavior.
I know I could also get around this by importing with a prefix, however I
still don't like the idea of essentially reinjecting the same styles.
Any thoughts?
Much thanks in advance.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-web-toolkit+unsubscr...@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
