commit 117bfdb04a310509e085147515501d20e1803747
author Dmitrii Filippov <dmfilippov@google.com> Wed Feb 24 08:14:50 2021 +0000
committer Gerrit Code Review <noreply-gerritcodereview@google.com> Wed Feb 24 08:14:50 2021 +0000
tree 983d45959945edf6f2096dc1c3dff507c55d2062
parent 3fa1f12d0c7117516db35e344b8b9391806699c5
parent 187fb5a269f7b7cec8bcd8be4a3c0abfcbfd6928

Merge changes I4abb6e88,Ib9b8da89

* changes:
  Chip account should be 100px to prevent overflow over another line
  Use border instead of fill in suggestion chips in the reply dialog

ui/suggest-owners.js

diff --git a/ui/suggest-owners.js b/ui/suggest-owners.js
index b913cb0..2395476 100644
--- a/ui/suggest-owners.js
+++ b/ui/suggest-owners.js
@@ -181,13 +181,16 @@
           height: 16px;
         }
         gr-account-label {
-          background-color: var(--background-color-tertiary);
           display: inline-block;
           padding: var(--spacing-xs) var(--spacing-m);
           user-select: none;
           border: 1px solid transparent;
           --label-border-radius: 8px;
-          --account-max-length: 100px;
+          /* account-max-length defines the max text width inside account-label.
+           With 60px the gr-account-label always has width <= 100px and 5 labels
+           are always fit in a single row */
+          --account-max-length: 60px;
+          border: 1px solid var(--border-color);
         }
         gr-account-label:focus {
           outline: none;