Merge "Fine tune the change metadata rows to all have the same height" into stable-3.1

This commit is contained in:
David Pursehouse
2019-11-15 19:39:30 +00:00
committed by Gerrit Code Review
2 changed files with 26 additions and 36 deletions

View File

@@ -32,51 +32,35 @@ limitations under the License.
opacity: .8; opacity: .8;
pointer-events: none; pointer-events: none;
} }
.autocompleteContainer { .container > :not(:first-child) {
position: relative;
}
.hiddenReviewers {
margin-top: var(--spacing-s);
}
.inputContainer {
display: flex;
margin-top: var(--spacing-xs);
}
.inputContainer input {
flex: 1;
}
gr-account-chip {
margin-top: var(--spacing-s); margin-top: var(--spacing-s);
} }
gr-button { gr-button {
--gr-button: { --gr-button: {
padding: 5px 0px; padding: 0px 0px;
}
}
@media screen and (max-width: 50em), screen and (min-width: 75em) {
gr-account-chip:first-of-type {
margin-top: 0;
} }
} }
</style> </style>
<template is="dom-repeat" items="[[_displayedReviewers]]" as="reviewer"> <div class="container">
<gr-account-chip class="reviewer" account="[[reviewer]]" <template is="dom-repeat" items="[[_displayedReviewers]]" as="reviewer">
on-remove="_handleRemove" <gr-account-chip class="reviewer" account="[[reviewer]]"
additional-text="[[_computeReviewerTooltip(reviewer, change)]]" on-remove="_handleRemove"
removable="[[_computeCanRemoveReviewer(reviewer, mutable)]]"> additional-text="[[_computeReviewerTooltip(reviewer, change)]]"
</gr-account-chip> removable="[[_computeCanRemoveReviewer(reviewer, mutable)]]">
</template> </gr-account-chip>
<gr-button </template>
class="hiddenReviewers"
link
hidden$="[[!_hiddenReviewerCount]]"
on-click="_handleViewAll">and [[_hiddenReviewerCount]] more</gr-button>
<div class="controlsContainer" hidden$="[[!mutable]]">
<gr-button <gr-button
class="hiddenReviewers"
link link
id="addReviewer" hidden$="[[!_hiddenReviewerCount]]"
class="addReviewer" on-click="_handleViewAll">and [[_hiddenReviewerCount]] more</gr-button>
on-click="_handleAddTap">[[_addLabel]]</gr-button> <div class="controlsContainer" hidden$="[[!mutable]]">
<gr-button
link
id="addReviewer"
class="addReviewer"
on-click="_handleAddTap">[[_addLabel]]</gr-button>
</div>
</div> </div>
<gr-rest-api-interface id="restAPI"></gr-rest-api-interface> <gr-rest-api-interface id="restAPI"></gr-rest-api-interface>
</template> </template>

View File

@@ -47,6 +47,12 @@ limitations under the License.
height: 1.2em; height: 1.2em;
width: 1.2em; width: 1.2em;
} }
gr-button {
--gr-button: {
padding: 1px 4px;
}
}
</style> </style>
<div class="text"> <div class="text">
<iron-input <iron-input