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 [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.
