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
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 |
 |
 |
Associated revisions
Improved view of the activity page (#33692).
Patch by Mizuki ISHIKAWA.
History
#1
Updated by Bernhard Rohloff 10 months ago
+1 It looks really awesome.
#2
Updated by Akiko Takano 10 months ago
+1
It makes easy to understand daily activities.
#3
Updated by Hirofumi Kadoya 10 months ago
+1
#6
Updated by Go MAEDA 9 months 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 9 months ago
I like the lines. Its important to know when day ends, such 'distraction' has merit.
#8
Updated by Mizuki ISHIKAWA 9 months 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.