diff options
Diffstat (limited to 'polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html')
-rw-r--r-- | polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html | 32 |
1 files changed, 19 insertions, 13 deletions
diff --git a/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html b/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html index d30bad2f5a..fab562a603 100644 --- a/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html +++ b/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html @@ -1,4 +1,5 @@ <!-- +@license Copyright (C) 2016 The Android Open Source Project Licensed under the Apache License, Version 2.0 (the "License"); @@ -17,6 +18,7 @@ limitations under the License. <link rel="import" href="../../../bower_components/polymer/polymer.html"> <link rel="import" href="../../../behaviors/gr-tooltip-behavior/gr-tooltip-behavior.html"> <link rel="import" href="../gr-button/gr-button.html"> +<link rel="import" href="../gr-icons/gr-icons.html"> <link rel="import" href="../gr-limited-text/gr-limited-text.html"> <link rel="import" href="../../../styles/shared-styles.html"> @@ -29,7 +31,7 @@ limitations under the License. } .container { align-items: center; - background: #eee; + background: var(--chip-background-color); border-radius: .75em; display: inline-flex; padding: 0 .5em; @@ -43,22 +45,15 @@ limitations under the License. gr-button.remove { --gr-button: { border: 0; - color: #666; - font-size: 1.7em; + color: var(--deemphasized-text-color); + font-size: 1.7rem; font-weight: normal; height: .6em; - line-height: .6em; + line-height: .6; margin-left: .15em; - margin-top: -.05em; padding: 0; text-decoration: none; } - --gr-button-hover-color: { - color: #333; - } - --gr-button-hover-background-color: { - color: #333; - } } .transparentBackground, gr-button.transparentBackground { @@ -68,10 +63,19 @@ limitations under the License. opacity: .6; pointer-events: none; } + a { + color: var(--linked-chip-text-color); + } + iron-icon { + height: 1.2rem; + width: 1.2rem; + } </style> <div class$="container [[_getBackgroundClass(transparentBackground)]]"> <a href$="[[href]]"> - <gr-limited-text limit="[[limit]]" text="[[text]]"></gr-limited-text> + <gr-limited-text + limit="[[limit]]" + text="[[text]]"></gr-limited-text> </a> <gr-button id="remove" @@ -79,7 +83,9 @@ limitations under the License. hidden$="[[!removable]]" hidden class$="remove [[_getBackgroundClass(transparentBackground)]]" - on-tap="_handleRemoveTap">×</gr-button> + on-tap="_handleRemoveTap"> + <iron-icon icon="gr-icons:close"></iron-icon> + </gr-button> </div> </template> <script src="gr-linked-chip.js"></script> |