Disable transparency of notifications

Vaadin 6 / 7 / 8 Framework UI
1

Hi,
I cannot disable transparency of notification.
I don’t see opacity property anywhere, only with firebug on a “element”.

2 

.v-Notification-info, .v-Notification-warning, .v-Notification-error{
	opacity:1 !important; 
}

This works. Remember the
!important
.
It will overwrite client side style of notification.

3

Hi,

i did the same thing, but recognized that now the notifications no longer fade out but disappear suddenly. Is there an easy solution to have both?

thanks

4

Hi,

seems there’s no way to do this easily. The fade-out is done by progressively changing opacity from the original value to 0. Using !important in your own CSS will override this. To make matters worse, the starting opacity is hardcoded into VNotification class.

5

:frowning: that was my guess…

ok thanks anyway!