Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

CssImport when using Component Exporter by Mikhail Shabarov, 1 month ago
Recent Posts
Vaadin Forum1. Vaadin Flow - Java

Chameleon-Blue Theme now showing Wht Line in Table Selection

Dana McDonald
10 years ago Mar 17, 2012 3:03am

I use the Chameleon-Blue theme and all my tables I use the ChameleonTheme.TABLE_STRIPED style.

Now after updating to 6.7.6 my table selections show a thin white line through the selected rows. When the rows are three lines high the thin white line is about half way and when the row is two lines high the white line is about two thirds.

I redownloaded a fresh Chameleon-Blue theme and put in my VAADIN/themes folder. The Chameleon theme is embedded in the 6.7.6 Jar. I recompiled also.

Anything else for me to try? Attached is an example screen shot.

Thanks!
Dana

Last updated on Mar, 17th 2012
Mathias Clerc
10 years ago Mar 19, 2012 1:10am

The CSS rule .v-table tr.v-selected has a background picture to make the gradient. This picture was designed to be only for tables having rows containing one line.
Your table has multiple lines per row, so that picture repeats.

To fix it you can try adding to your css (untested) :

.v-table tr.v-selected{
background-repeat: repeat-x;
}

To force the gradient not to repeat vertically.

Dana McDonald
10 years ago Mar 19, 2012 7:59pm

That did it!

Thanks again :D
Dana