launchpad-reviewers team mailing list archive
-
launchpad-reviewers team
-
Mailing list archive
-
Message #30306
Re: [Merge] ~petermakowski/launchpad:update-diff-view-ui into launchpad:master
Diff comments:
> diff --git a/lib/canonical/launchpad/icing/style.css b/lib/canonical/launchpad/icing/style.css
> index 125f723..04dd339 100644
> --- a/lib/canonical/launchpad/icing/style.css
> +++ b/lib/canonical/launchpad/icing/style.css
> @@ -663,12 +692,18 @@ table.diff .line-no.active, table.diff .ss-line-no.active {
> background: url(/@@/add) #f6f6f6 center left no-repeat;
> }
> table.diff .diff-chunk, table.diff .diff-file, table.diff .diff-header {
> - font-weight: bold;
> + background: #f4f6f9;
> + font-weight: 600;
> }
> -table.diff .diff-added { background-color: #92ED92; }
The colors look a little bit too muted maybe? I'm afraid it might be hard to distinguish in some screens - in mine I feel like I have to make some effort. I actually like stronger colors here.
You mention in the commit message that it increases contrast - is it an accessibility thing?
> -table.diff .diff-removed { background-color: #FF7F7F; }
> +table.diff .diff-added { background-color: #e1ffe7; }
> +table.diff .diff-removed { background-color: #ffe6e4; }
> table.diff .inline-comments > td > div {
> - margin: 0 1em 1.5em 1em;
> + margin: 0;
> +}
> +
> +table.diff .inline-comment {
> + border-top: 1px solid #ddd;
> + border-bottom: 1px solid #ddd;
> }
> table.diff .inline-comments .yui3-ieditor { padding-right:0!important; }
> table.diff .inline-comments .yui3-ieditor-multiline .yui3-ieditor-btns
> @@ -676,7 +711,8 @@ table.diff .inline-comments .yui3-ieditor-multiline .yui3-ieditor-btns
> word-wrap: normal;
> }
> table.diff .inline-comments .boardComment {
> - margin: 1em 0;
> + margin: 0.5rem;
> + max-width: 43.75rem; /* 700px */
I'm not sure about the smaller comment box. I do understand that it makes it more similar to the main comments, but trying it, it feels a bit crammed to me (I might just be too used to how it was?)
I do quite like the new border separating the comment from the code :+1:
Also, any thoughts on increasing the padding within the comment box to give it more room to breathe?
> }
> table.diff .inline-comments .boardCommentBody {
> word-wrap: break-word;
--
https://code.launchpad.net/~petermakowski/launchpad/+git/launchpad/+merge/447200
Your team Launchpad code reviewers is requested to review the proposed merge of ~petermakowski/launchpad:update-diff-view-ui into launchpad:master.
References