Feature #33692
Improved view of the activity page
| Status: | Closed | Start date: | ||
|---|---|---|---|---|
| Priority: | Normal | Due date: | ||
| Assignee: |  Go MAEDA | % Done: | 0% | |
| Category: | Activity view | |||
| Target version: | 4.2.0 | |||
| Resolution: | Fixed |
Description
- 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 |
 |
 |
Associated revisions
Improved view of the activity page (#33692).
Patch by Mizuki ISHIKAWA.
History
#1
Updated by Bernhard Rohloff about 1 year ago
+1 It looks really awesome.
#2
Updated by Akiko Takano about 1 year ago
+1
It makes easy to understand daily activities.
#3
Updated by Hirofumi Kadoya about 1 year ago
+1
#4
Updated by Go MAEDA about 1 year ago
- Target version set to Candidate for next major release
#5
Updated by Go MAEDA about 1 year 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 year 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 year ago
I like the lines. Its important to know when day ends, such 'distraction' has merit.
#8
Updated by Mizuki ISHIKAWA about 1 year 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 year ago
Thank you all for the feedbacks. I am going to commit the patch without any change.
#10
Updated by Go MAEDA about 1 year ago
- Status changed from New to Closed
- Assignee set to Go MAEDA
- Resolution set to Fixed
Committed the patch. Thank you for improving Redmine.