Prevent pencil wrapping by itself
https://imgur.com/a/t74muD7
This CSS is not supported in safari or firefox yet, but will not
break anything on those browsers.
Google-Bug-Id: b/324017830
Release-Notes: Prevent pencil wrapping by itself in change metadata
Change-Id: I2bb07e49b6cd2534bdf0a00fa854476d70b44a97
diff --git a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts
index 3bc2770..af018c3 100644
--- a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts
+++ b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts
@@ -93,6 +93,9 @@
--gr-vote-chip-width: 14px;
--gr-vote-chip-height: 14px;
}
+ .reviewersAndControls {
+ text-wrap: pretty;
+ }
`,
];
}
@@ -103,7 +106,7 @@
this.reviewers.length - this.displayedReviewers.length;
return html`
<div class="container">
- <div>
+ <div class="reviewersAndControls">
${repeat(
this.displayedReviewers,
reviewer => accountKey(reviewer),
diff --git a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list_test.ts b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list_test.ts
index 1f1bef3..f050ab50 100644
--- a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list_test.ts
+++ b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list_test.ts
@@ -28,7 +28,7 @@
element,
/* HTML */ `
<div class="container">
- <div>
+ <div class="reviewersAndControls">
<div class="controlsContainer" hidden="">
<gr-button
aria-disabled="false"
