Unfortunately this doesn't help. The padding-left of the inner div of
gwt-Tree is set to 23px when the TreeItem is a leaf element and does
not have a leaf icon. See GWT's Tree.showLeafImage(). The
"indentValue" there is set to "23px" in Tree.setImages(ImageAdapter,
boolean).
FWIW, we have found a workaround now, so the issue isn't THAT
critical, but it sure feels "hacked":
.gwt-Tree > div:first-child {
width: 0px !important;
height: 0px !important;
margin: 0px !important;
padding: 0px !important;
}
Epaga
On Mar 25, 7:37 pm, Thad <[email protected]> wrote:
> The values in standard.css are below. Maybe they are a starting
> point:
>
> .gwt-Tree .gwt-TreeItem {
> padding: 1px 0px;
> margin: 0px;
> white-space: nowrap;
> cursor: hand;
> cursor: pointer;}
>
> .gwt-Tree .gwt-TreeItem-selected {
> background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;}
>
> .gwt-TreeItem .gwt-RadioButton input,
> .gwt-TreeItem .gwt-CheckBox input {
> margin-left: 0px;}
>
> * html .gwt-TreeItem .gwt-RadioButton input,
> * html .gwt-TreeItem .gwt-CheckBox input {
> margin-left: -4px;
>
> }
>
> On Mar 25, 7:00 am, epaga <[email protected]> wrote:
>
>
>
> > How can I change the padding in a tree's rows? It currently seems to
> > be set to
>
> > padding-top: 3px; padding-right: 3px; padding-bottom: 3px; margin-
> > left: 0px; padding-left: 23px;
>
> > Neither styling gwt-Tree nor gwt-TreeItem seems to help.
> > I have even tried styling
>
> > .gwt-Tree > div {
> > padding: 0px 5px !important;
>
> > }
>
> > which sort of works, but as soon as a tree row is selected, the entire
> > tree shifts to the left.
>
> > Thanks in advance for any help,
> > John Goering
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
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.
