プロジェクト

全般

プロフィール

Vote #79764

未完了

Flash notices to behave like flash notices :)

Admin Redmine さんが約2年前に追加. 約2年前に更新.

ステータス:
New
優先度:
通常
担当者:
-
カテゴリ:
UI_10
対象バージョン:
-
開始日:
2022/05/09
期日:
進捗率:

0%

予定工数:
category_id:
10
version_id:
0
issue_org_id:
30433
author_id:
4
assigned_to_id:
0
comments:
3
status_id:
1
tracker_id:
3
plus1:
0
affected_version:
closed_on:
affected_version_id:
ステータス-->[New]

説明

This is a patch which will add one way animation for flash notices, so they will now slide, wait for some time, and then slide out :)


journals

It is an interesting feature, but maybe it should be applied only for success notifications because in the case of error notifications, some users (including myself) prefer to have the message on the screen for a longer time. An use case is when you bulk edit issues and you have errors for some issues and you will use the error message to resolve each issue one at a time.

Anyway, a feature related to this one is to add the possibility to close/hide the notification messages.
--------------------------------------------------------------------------------
The animation length can also be expanded by changing time in the place where it's called in *animation: slideFlash 3s ease-in-out forwards;* line and if we only want success messages to animate like that, then we can just move the animation call from a more global *div.flash* container to a *div.flash.notice* which represents only success messages. :)

Then there are also *div.flash.warning* and *div.flash.error* classes.
Maybe we could also just define different animation length for each of them, else if we want them to remain static, we can just skip adding any animation calls to them.
--------------------------------------------------------------------------------
Made improvements to this:
1. Now only animates on success notifications.
2. I made animation code more compact, because now animation will only do the collapse animation, so notification will appear as before, only it will collapse after 3 seconds, I also thought it's better like that, since it also moves #main container and it will be less annoying when done only once, which is now on it's collapsing.
3. I did minor tricks to make it work in IE11 like everywhere else.

previous patch must be reverted.
--------------------------------------------------------------------------------

Admin Redmine さんが約2年前に更新

  • カテゴリUI_10 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0