Make review comments standout more from the surrounding code
Review comments are now using the same size font, so the text is a
bit larger and easier to read. They also use up a bit more screen
space vertically, so its easier to notice the comment block.
Comment sections have a thick orange border on the left and right side,
making them stand out visually from the other parts of the file.
We also color them with a light-peachish background color, which is
visually distinct from the light green or red used on other lines.
Bug: GERRIT-72
Signed-off-by: Shawn O. Pearce <sop@google.com>
diff --git a/src/main/java/com/google/gerrit/public/Gerrit.css b/src/main/java/com/google/gerrit/public/Gerrit.css
index 55e4a7c..b15cf42 100644
--- a/src/main/java/com/google/gerrit/public/Gerrit.css
+++ b/src/main/java/com/google/gerrit/public/Gerrit.css
@@ -368,6 +368,11 @@
}
.gerrit-PatchContentTable td.Comment {
vertical-align: top;
+ border-left: 5px solid orange;
+}
+.gerrit-PatchContentTable .gwt-DisclosurePanel {
+ background: #fef8cb;
+ padding-right: 5px;
}
.gerrit-PatchContentTable .Comment .header {
width: 35em;
@@ -623,8 +628,11 @@
display: table;
}
-.gerrit-PatchLineComment {
- font-size: smaller;
+.gerrit-SideBySideScreen-SideBySideTable td.Comment {
+ border-left: 5px solid orange;
+ border-right: 5px solid orange;
+ padding-right: 5px;
+ background: #fef8cb;
}
.gerrit-CommentEditor {
