Added missing CSS for notice dismissal

diff --git a/com.woltlab.wcf/templates/userNotice.tpl b/com.woltlab.wcf/templates/userNotice.tpl
index b9cf1bd4fde0d3745ed61a3bed6a9f8854007786..34c7e7d06fd9864ecaf7da2e973d91245aff7f7d 100644 (file)
--- a/com.woltlab.wcf/templates/userNotice.tpl
+++ b/com.woltlab.wcf/templates/userNotice.tpl
@@ -25,7 +25,7 @@
        {hascontent}
                {content}
                        {foreach from=$__wcf->getNoticeHandler()->getVisibleNotices() item='notice'}
-                               <p class="{$notice->cssClassName} notice{if $notice->isDismissible} noticeDismissible{/if}">
+                               <p class="{$notice->cssClassName} notice{if $notice->isDismissible} noticeDismissible active{/if}">
                                        {if $notice->isDismissible}
                                                <span class="icon icon16 fa-times pointer jsDismissNoticeButton jsTooltip" data-object-id="{$notice->noticeID}" title="{lang}wcf.notice.button.dismiss{/lang}"></span>
                                        {/if}

diff --git a/wcfsetup/install/files/style/alert.less b/wcfsetup/install/files/style/alert.less
index 68ea46897d209b30f3b12f62445fd138cc1dece6..b3c7a6fddf311633ef893efffdf0a31c4bc99777 100644 (file)
--- a/wcfsetup/install/files/style/alert.less
+++ b/wcfsetup/install/files/style/alert.less
@@ -48,6 +48,16 @@
        float: right;
 }
 
+.notice.noticeDismissible {
+       opacity: 0;
+       
+       transition: opacity .3s linear;
+       
+       &.active {
+               opacity: 1;
+       }
+}
+
 /* types */
 .info {
        background-color: @wcfInfoBackgroundColor;