Как сделать так, чтобы поле меню DrawerToggle перекрывало содержимое - Vaadin - PullRequest
Новая
       4

Как сделать так, чтобы поле меню DrawerToggle перекрывало содержимое - Vaadin

0 голосов
/ 17 января 2020

Интересно, возможно ли в Vaadin 14 сделать так, чтобы поле меню DrawerToggle только перекрывало содержимое в классе AppLayout, а не сдвигало содержимое вправо, когда я нажимал DrawerToggle.

https://vaadin.com/components/vaadin-app-layout

public class AppLayoutWithDrawerMenu extends AppLayout {
    public AppLayoutWithDrawerMenu() {
        Image img = new Image("https://i.imgur.com/GPpnszs.png", "Vaadin Logo");
        img.setHeight("44px");
        addToNavbar(new DrawerToggle(), img);
        Tabs tabs = new Tabs(new Tab("Home"), new Tab("About"));
        tabs.setOrientation(Tabs.Orientation.VERTICAL);
        addToDrawer(tabs);
    }
}

Когда я нажимаю DrawerToggle, весь контент перемещается вправо. Я не хочу этого. Я хочу, чтобы меню ящика перекрывало содержимое. Это возможно?

1 Ответ

1 голос
/ 20 января 2020

Вы можете заставить ящик всегда использовать режим «наложения», установив свойство --vaadin-app-layout-drawer-overlay CSS. 

vaadin-app-layout {
  --vaadin-app-layout-drawer-overlay: true;
}

См. https://vaadin.com/forum/thread/17969415/18048801 для полного обсуждения .

...