diff options
| author | Jouni Koivuviita <jouni@jouni.me> | 2017-03-27 14:43:48 +0300 |
|---|---|---|
| committer | Henri Sara <henri.sara@gmail.com> | 2017-03-27 14:43:48 +0300 |
| commit | 38ed444e7eb5ab8960a681fb8775f8e1e50a4c61 (patch) | |
| tree | 3d6da6045287c4284880492d5000a7045e022093 /themes | |
| parent | fee9350a59c60aadb876bbdd8303552c1209c517 (diff) | |
| download | vaadin-framework-38ed444e7eb5ab8960a681fb8775f8e1e50a4c61.tar.gz vaadin-framework-38ed444e7eb5ab8960a681fb8775f8e1e50a4c61.zip | |
Add `closable` style to Error Notifications (#8903)
Add an additional stylename `critical-error` that styles the
notification like the Error-type, but without the close button.
Fixes #8296
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/src/main/themes/VAADIN/themes/valo/components/_notification.scss | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/themes/src/main/themes/VAADIN/themes/valo/components/_notification.scss b/themes/src/main/themes/VAADIN/themes/valo/components/_notification.scss index ee3cf67a7c..93ad0e8821 100644 --- a/themes/src/main/themes/VAADIN/themes/valo/components/_notification.scss +++ b/themes/src/main/themes/VAADIN/themes/valo/components/_notification.scss @@ -135,6 +135,16 @@ $v-notification-title-color: $v-focus-color !default; .#{$primary-stylename}.error { @include valo-notification-error-style($primary-stylename); + @include valo-notification-closable-style; + &:after { + color: #fff; + border-color: #fff; + border-color: rgba(255,255,255,.3); + } + &:active:after { + background-color: #fff; + color: #000; + } } @@ -151,11 +161,15 @@ $v-notification-title-color: $v-focus-color !default; @include valo-notification-small-style($primary-stylename); } + .#{$primary-stylename}.critical-error { + @include valo-notification-error-style($primary-stylename); + } + .#{$primary-stylename}.closable { @include valo-notification-closable-style; &.dark, - &.error, + &.critical-error, &.system { &:after { color: #fff; |