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 almost 2 years ago
+1 It looks really awesome.
#2
Updated by Akiko Takano almost 2 years ago
+1
It makes easy to understand daily activities.
#3
Updated by Hirofumi Kadoya almost 2 years ago
+1
#4
Updated by Go MAEDA almost 2 years ago
- Target version set to Candidate for next major release
#5
Updated by Go MAEDA almost 2 years 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 almost 2 years 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 almost 2 years ago
I like the lines. Its important to know when day ends, such 'distraction' has merit.
#8
Updated by Mizuki ISHIKAWA almost 2 years 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 almost 2 years ago
Thank you all for the feedbacks. I am going to commit the patch without any change.
#10
Updated by Go MAEDA almost 2 years ago
- Status changed from New to Closed
- Assignee set to Go MAEDA
- Resolution set to Fixed
Committed the patch. Thank you for improving Redmine.