summaryrefslogtreecommitdiffstats
path: root/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html
diff options
context:
space:
mode:
Diffstat (limited to 'polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html')
-rw-r--r--polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html14
1 files changed, 11 insertions, 3 deletions
diff --git a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html
index 435b7de4d6..9a5b5edb0b 100644
--- a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html
+++ b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html
@@ -19,10 +19,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-account-chip/gr-account-chip.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
+<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-reviewer-list">
<template>
- <style>
+ <style include="shared-styles">
:host {
display: block;
}
@@ -33,6 +34,9 @@ limitations under the License.
.autocompleteContainer {
position: relative;
}
+ .hiddenReviewers {
+ margin-top: .3em;
+ }
.inputContainer {
display: flex;
margin-top: .25em;
@@ -56,13 +60,17 @@ limitations under the License.
}
}
</style>
- <template is="dom-repeat" items="[[_reviewers]]" as="reviewer">
+ <template is="dom-repeat" items="[[_displayedReviewers]]" as="reviewer">
<gr-account-chip class="reviewer" account="[[reviewer]]"
on-remove="_handleRemove"
- data-account-id$="[[reviewer._account_id]]"
removable="[[_computeCanRemoveReviewer(reviewer, mutable)]]">
</gr-account-chip>
</template>
+ <gr-button
+ class="hiddenReviewers"
+ link
+ hidden$="[[!_hiddenReviewerCount]]"
+ on-tap="_handleViewAll">and [[_hiddenReviewerCount]] more</gr-button>
<div class="controlsContainer" hidden$="[[!mutable]]">
<gr-button
link