Re: Couple CSS questions

I generally copy the whole theme and make my changes to the css files.  Then in the module inherit my copied theme instead of the GWT theme.

 

This way the user does not  have to load 2 different copies of any modified CSS rules.

On Monday, April 23, 2012 9:03:15 PM UTC-4, Mike Dee wrote:

How is this for a strategy of tweaking the look of many of the GWT widgets across an entire app?  Copy standard.css into the project and name it MyApp.css.  Reference MyApp.css in the ClientBundle, like this:

public interface MyAppResources extends ClientBundle

{

...

@Source( "com/myapp/client/resources/MyApp.css" )

@CssResource.NotStrict

public MyAppStyles css();

...

}

And then just tweak the CSS in MyApp.css?

That leads to the second question.  So far, this strategy seems to work fine.  However, I'm having trouble with the DateBox.  I simply want the input area associated with the DateBox to have a smaller font size.  So I change this:

.gwt-DateBox input {

  width: 8em;

}

to this:

.gwt-DateBox input {

  width: 8em;

  font-size: 8pt;

}

Seems to have no effect (see attached screenshot).  Looking at the CSS in Chrome (inspect element), the input item is definitely tagged as ".gwt-DateBox".  Any ideas?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/I79A5aBoOcEJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.