プロジェクト

全般

プロフィール

Vote #77969

完了

Use the regular "icon icon-*" classes for all elements with icons

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

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

0%

予定工数:
category_id:
30
version_id:
119
issue_org_id:
24313
author_id:
107353
assigned_to_id:
1
comments:
13
status_id:
5
tracker_id:
3
plus1:
0
affected_version:
closed_on:
affected_version_id:
ステータス-->[Closed]

説明

Working at #23980 we discovered that some links or other elements with icons (background image) doesn't use the regular "icon icon-*" classes.

I think that for consistency, better theme support and easier styling, we should add the "icon icon-*" also to these elements.

The attached patch is a first patch that implements this for admin menu links.


journals

Another patches for overview, activity and roadmap tabs.
--------------------------------------------------------------------------------
Added the last patches:

h3. - 05_use_regular_icons_in_search_results.patch:

The change from the view (app/views/search/index.html) was required because the classes in the search page are delimited by space and not by "-" like in the activity page even if are the same events. I think that this fix should be made in the Search and libs modules in order to return the same event_type for closed issues, but I wasn't able to do it.

event type: closed issue
class in activity: "issue-closed"
class in search: "issue closed"

h3. - 06_other_pages.patch

Changes in various pages: like favorite projects, members, attachments, forums.

h3. - 07_small_improvement.patch:

The class "icon" should not have the rules with padding-top and padding-bottom because these are required only when the font size is smaller than the default one (like is in the contextual block or calendar).

h3. - Updated an already uploaded patch to use the background-image rule and not just the background rule.

h3. - There are some rules in the CSS file that I wasn't able to find them in the application:

<pre>
table.boards a.board { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
</pre>

<pre>
span.add_attachment a {padding-left:16px; background: url(../images/bullet_add.png) no-repeat 0 50%; }
</pre>

<pre>
.task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
.task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
.task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
...
.project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
.project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
.project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
.project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
</pre>

Any feedback is welcome on this issue.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
Activity view: event type class preserved in addition to the icon-* class.
--------------------------------------------------------------------------------
Jean-Philippe Lang wrote:
> Activity view: event type class preserved in addition to the icon-* class.

I've updated the patch *05_use_regular_icons_in_search_results.patch* in order to preserve the event type class like you made in the activity.

Thanks for committing this patch so fast.
--------------------------------------------------------------------------------
Marius BALTEANU wrote:

> h3. - 05_use_regular_icons_in_search_results.patch:
>
> The change from the view (app/views/search/index.html) was required because the classes in the search page are delimited by space and not by "-" like in the activity page even if are the same events. I think that this fix should be made in the Search and libs modules in order to return the same event_type for closed issues, but I wasn't able to do it.

There was a difference between Issue and Journal acts_as_event definition. It's fixed and I've removed the #parameterize call from the patch.
--------------------------------------------------------------------------------
Patch 6 committed with several changes. I've added a few @icon-*@ (eg. @icon-sticky@) classes that are more meaningful than @icon-arrow-right@, even if they actually use the same image in the default CSS.
--------------------------------------------------------------------------------
And I've hidden the user icon on the member list, just like it was before the patches.

All patches are now committed, thanks.
--------------------------------------------------------------------------------
Thanks Jean-Philippe Lang for your feedback on these patches.

I think that one more change is required, you committed the *02_use_regular_icons_in_overview_tab.patch* and not the second version of the patch *02_use_regular_icons_in_overview_tab_v2.patch* which contains a small fix for .icon-new class.
<pre>
.icon-news { background: url(../images/news.png); }
</pre>
should be
<pre>
.icon-news { background-image: url(../images/news.png); }
</pre>
--------------------------------------------------------------------------------
Marius BALTEANU wrote:

> I think that one more change is required

Committed, thanks.

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------


related_issues

relates,Closed,28605,Add the missing icon class to the items with icons from the contextual menu
relates,Closed,31433,Use "icon icon-*" classes for sort-handler, collapsible fieldsets and collapsible versions

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

  • カテゴリCode cleanup/refactoring_30 にセット
  • 対象バージョン3.4.0_119 にセット

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

いいね!0
いいね!0