Re: FIrefox and Polymer : Ripple effect an UI style

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, va...@ant.ee 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, va...@ant.ee 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 google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.