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.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum1. Vaadin Flow - Java

How to "style" Window

Simon Cerne
5 years ago Nov 22, 2016 12:24am

Could someone suggest me how to "style" the white line between 'v-window-outerheader' and 'v-window-contents' in a Window. I have changed 'v-window' background to gold, but unable to change the line between mentioned elements.

Cheers, Simon

Tatu Lund
5 years ago Nov 22, 2016 6:37am

This is a bit tricky to target. But you need to define style with "border-top" and target it to "::before" of v-scrollable within v-window.
 

+2
Simon Cerne
5 years ago Nov 22, 2016 8:47pm

Tatu Lund: This is a bit tricky to target. But you need to define style with "border-top" and target it to "::before" of v-scrollable within v-window.

 

That works. Thank you very much for a trick ;-)

.v-window-contents > .v-scrollable:before { border-top: 1px solid color; }

 

+1