Не удается установить высоту MaterialSlider - Как переопределить CSS?

Question

Где-то в materialize.min.css slider класс получает свое height назначены. Я просто не могу это переопределить.

Я попытался установить высоту в конструкторе моего виджета:

public class HomeViewImpl extends Composite implements HomeView {

    public HomeViewImpl() {

        initWidget(uiBinder.createAndBindUi(this));     

        int height = Window.getClientHeight();
        slider.getElement().getStyle().setHeight(height, Unit.PX);
    }
}

Я также попытался перезаписать его в моем собственном файле CSS, и я также попытался переопределить Widget.onLoad() с тем же результатом. После этого я могу изменить размер слайдера, но не после его фактической загрузки. Поскольку я хочу, чтобы он занимал все доступное пространство, его размер должен быть изменен "под нагрузкой".

Обратите внимание, что настройка fullscreen="true" это не вариант, так как это может испортить расположение моего эффекта параллакса, который я использую и здесь.

<m:MaterialSlider ui:field="slider" fullscreen="false">

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://mayastepien.nl/googlecalendar/google-drinks.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://dreamatico.com/data_images/car/car-1.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

</m:MaterialSlider>

Answer 1

Согласно исходному коду в

https://github.com/GwtMaterialDesign/gwt-material/blob/master/gwt-material/src/main/java/gwt/material/design/client/ui/MaterialSlider.java

..Вы также можете установить атрибут высоты в MaterialSlider (в вашем UiBinder xml).

Вы, вероятно, знаете это, но относительная высота работает только тогда, когда также установлена ​​высота родительских элементов.

Смотрите, например, Make div 100% высоты окна браузера