From b97bd5e42a0e4bee99f7554d2e25da90f0a84333 Mon Sep 17 00:00:00 2001 From: "Shawn O. Pearce" Date: Fri, 13 Feb 2009 09:30:02 -0800 Subject: [PATCH] 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 --- src/main/java/com/google/gerrit/public/Gerrit.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/src/main/java/com/google/gerrit/public/Gerrit.css b/src/main/java/com/google/gerrit/public/Gerrit.css index 55e4a7c43a..b15cf42c9e 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 {