Thomas,
Sorry for dumb question, but where should I put this @external
reference? I have Main.ui.xml and <ui:style> legacy CSS block. I have
tried to do like this:
<ui:style>
@external .toolbar {
background: #4285f4 !important;
}
@external .header {
font-size: 200%;
margin-left: 50px;
background: #4285f4 !important;
}
@external.content {
padding: 15px;
}
</ui:style>
or put @external .header; outside <ui> block -- in all the cases I
got compilation error.
Thanks,
On Sunday, December 13, 2015 at 5:16:04 PM UTC+2, Thomas Broyer wrote:
>
> <ui:style> defines a CssResource, so class names will be obfuscated; that
> may be the cause of your problem.
> Try using @external to mark the class so it's not obfuscated.
> See
> http://www.gwtproject.org/doc/latest/DevGuideClientBundle.html#External_and_legacy_scopes;
>
> and in case you're using the new GSS see the “External style classes”
> section at http://www.gwtproject.org/doc/latest/DevGuideGssVsCss.html
>
> On Sunday, December 13, 2015 at 3:49:48 PM UTC+1, [email protected] wrote:
>>
>> Actually if I add any styling with <ui:style> notation FF stops to
>> generate the output. I have blank pages. Can it be connected somehow to
>> development mode I use? I run "mvn gwt:run" and open default browser from
>> the GWT application.
>>
>> On Sunday, December 13, 2015 at 12:11:53 PM UTC+2, [email protected] wrote:
>>>
>>> Hello all,
>>>
>>> Doing tutorials I have found that Ripple effect with UI style
>>> provided in example makes elements invisible. I have tested with FireFox
>>> 26 and 42 -- all the same. At Google chrome everything works as expected.
>>> Why this style blanks the page in FireFox?
>>>
>>> <ui:style>
>>> paper-icon-item {
>>> position: relative;
>>> overflow: hidden;
>>> }
>>> </ui:style>
>>>
>>>
>>>
--
You received this message because you are subscribed to the Google Groups "GWT
Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.