I’ve created an app using the Dashboard sample app as a starting point. I’m working on restyling notifications (specifically positioning) and it appears that there is some explicit styling that prevents modification via CSS. The source looks like this (with irrelevant parts omitted):
<html>
<body>
<div id="blah...overlays" ...>
<div class="v-Notification error v-Notification-error" [b]
style="margin-left: 0px; margin-top: 0px; z-index: 20000; /* opacity: 0.9; */ position: absolute; overflow: visible; left: 60px; top: 0px;"
[/b]>
It seems weird, but it seems to me that the style information is being emitted by Vaadin. Is my understanding correct? Any way to change it? In particular I’d like to control the “left” and “top” values.
Rob