我想通过将覆盖层的最小宽度替换为以下内容来自定义 Vaadin CRUD 组件(java)的对话框:
:host([theme~="layout"]) [part="overlay"] {
min-width: 100%;
}
我把它放到一个 css flle 中,然后添加到我的 java 类中:@CssImport( value = "styles/gridCrudEditor.css",
themeFor = "vaadin-dialog-overlay",
id = "dialog-layout-overlay-theme")
但它适用于所有网格 crud 编辑器 我想要一个 仅将其应用于一个实例 .默认情况下,它是(在 vaadin-dialog-layout-overlay-styles.js 中)
:host([theme~="layout"]) [part="overlay"] {
max-width: 54em;
min-width: 20em;
}
因为它是crud的对话......我不知道如何进行
最佳答案
您应该能够执行以下操作:
Java
crud.addThemeName("my-theme");
CSS :host([theme~="my-theme"]) [part="overlay"] {
min-width: 100%;
}
关于css - 自定义 Vaadin CRUD 编辑器宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69033044/