Theme issue for GridPro and Grid

Flow
1

Hi,

I have a theme definition in the shared-style like:

<dom-module id="softvanguard-grid" theme-for="vaadin-grid vaadin-grid-pro">
	<template>
		<style>
			[part~="header-cell"]
 {
				border: 1px solid #B0C4DE;
				background-color: #CCCCCC;
				color: #000000;
				font-weight: bold;
			}
		</style>
	</template>
</dom-module>

However, I found that it can only apply Grid, but not GridPro. Please kindly advise how to fix it.

Best regards,
Joey

2

Hi!

You have discovered a bug in our theming mechanism. I’ve created an issue: https://github.com/vaadin/vaadin-themable-mixin/issues/71

Some workarounds:

  • use a stronger CSS-selector, e.g. [part~="row"] [part~="header-cell"]
  • use !important after the CSS-properties
  • define separate modules for each tag name
3

Thanks a lot.