Hello i have created a test-project where the .v-window-shadow has worked well, but now i have created a new project and paste the same code as in the test-project in the .scss-file:
.v-shadow-window{
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
}
but nothing happen… I have also looked in the firebug but us you can see in the attachment there is nothing about a .v-shadow-window…
I hope you can help me…
In general, it would be helpful to know which Vaadin version you are having problems with, which version you used previously, which theme your theme is based on etc.
That said, I’d venture a guess that you switched to a version where shadows are implemented using box-shadow (except on IE8 which still uses the old approach). This is mentioned in the release notes, but probably easy to miss. See themes/base/common/common.scss (and themes/base/window/window.scss mostly for IE8) as well as possibly the corresponding parts in other themes your theme is based on. The relevant bit in common.scss is
.v-window {
box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .5);
}Firebug should also help you find the box-shadow if you look at all the styles for the window and not just for the old style name in the DOM.
What is weird, though, is that the .v-shadow-window element is not visible in the DOM tree in Firebug. The fact that the shadow is now implemented using box-shadow should not have affected the presence of the extra element (v. 7.3.0). But looking at the Valo theme demo for instance, the element is indeed missing.
Might be a bug.
Edit: IE8 still has the element, all other browser seem to be missing it.
Thank you for the hint with the version ! This solved the problem.
In the previous project I had the version 7.1.7 and in the new one 7.3.0.
So in the newer version there isn’t implemented .v-window-shadow ?
Thank you one more times!
In 7.3.0 the shadow element should only be deprecated (in favor of CSS box-shadow), but it shouldn’t be completely removed.