Add header to diff
Adds the header section to the diff. The header is only displayed when
relevant information is contained within, e.g. when a file is renamed
but otherwise left unchanged.
Feature: Issue 5752
Change-Id: I5f8cb56522decd8d3c57bb403cb43f87203d5c6a
diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
index 54e9c6e..1bf6268 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
@@ -173,8 +173,22 @@
border-radius: .4em;
background-color: #FF9AD2;
}
+ #diffHeader {
+ background-color: #F9F9F9;
+ color: #2A00FF;
+ font-family: var(--monospace-font-family);
+ font-size: var(--font-size, 12px);
+ padding: 0.5em 0 0.5em 4em;
+ }
</style>
<style include="gr-theme-default"></style>
+ <div id="diffHeader" hidden$="[[_computeDiffHeaderHidden(_diffHeaderItems)]]">
+ <template
+ is="dom-repeat"
+ items="[[_diffHeaderItems]]">
+ <div>[[item]]</div>
+ </template>
+ </div>
<div class$="[[_computeContainerClass(_loggedIn, viewMode, displayLine)]]"
on-tap="_handleTap">
<gr-diff-selection diff="[[_diff]]">