Feature #33692

Improved view of the activity page

Added by Mizuki ISHIKAWA about 1 month ago. Updated about 1 month ago.

Status:ClosedStart date:
Priority:NormalDue date:
Assignee:Go MAEDA% Done:

0%

Category:Activity view
Target version:4.2.0
Resolution:Fixed

Description

Applying this patch (update-activity-layout.diff) will change the layout of the activity page as shown in the image below.
  • Dates are more emphasized and easier to find
  • The gap between the activity history has been slightly widened and a line has been added. I think the original layout is stuffed with letters and hard to read.
Change before Change after

update-activity-layout.diff Magnifier (909 Bytes) Mizuki ISHIKAWA, 2020-07-02 10:53

before.png (313 KB) Mizuki ISHIKAWA, 2020-07-02 10:54

after.png (321 KB) Mizuki ISHIKAWA, 2020-07-02 10:54

Associated revisions

Revision 19901
Added by Go MAEDA about 1 month ago

Improved view of the activity page (#33692).

Patch by Mizuki ISHIKAWA.

History

#1 Updated by Bernhard Rohloff about 1 month ago

+1 It looks really awesome.

#2 Updated by Akiko Takano about 1 month ago

+1
It makes easy to understand daily activities.

#3 Updated by Hirofumi Kadoya about 1 month ago

+1

#4 Updated by Go MAEDA about 1 month ago

  • Target version set to Candidate for next major release

#5 Updated by Go MAEDA about 1 month ago

  • Target version changed from Candidate for next major release to 4.2.0

Looks really nice. Setting the target version to 4.2.0.

#6 Updated by Go MAEDA about 1 month ago

  • Tracker changed from Patch to Feature
  • Subject changed from Improve the layout of the activity page to Improved view of the activity page

How about removing the horizontal lines between activity items and just adding padding-top: 10px? For me, the horizontal lines are a bit distracting.

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 4747681f9..28dc9488d 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -601,7 +601,14 @@ div#activity span.project:after, #search-results span.project:after { content: " 
 div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
 div#activity dt.grouped {margin-left:5em;}
 div#activity dd.grouped {margin-left:9em;}
-div#activity dt.icon {background-position: 0 0px !important;}
+div#activity dt.icon {background-position: 0 10px !important;}
+div#activity h3 {
+  padding: 5px;
+  background-color: #eeeeee;
+}
+div#activity dt {
+  padding-top: 10px;
+}

 #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }

#7 Updated by Miodrag Milic about 1 month ago

I like the lines. Its important to know when day ends, such 'distraction' has merit.

#8 Updated by Mizuki ISHIKAWA about 1 month ago

I like layouts that are clearly separated by lines
I think that the impression that there are many characters and it is difficult to see does not change just by adding padding.

Github and Gitlab activities are also separated by lines.

#9 Updated by Go MAEDA about 1 month ago

Thank you all for the feedbacks. I am going to commit the patch without any change.

#10 Updated by Go MAEDA about 1 month ago

  • Status changed from New to Closed
  • Assignee set to Go MAEDA
  • Resolution set to Fixed

Committed the patch. Thank you for improving Redmine.

Also available in: Atom PDF