diff options
Diffstat (limited to 'polygerrit-ui/app/elements/shared/gr-list-view/gr-list-view.html')
-rw-r--r-- | polygerrit-ui/app/elements/shared/gr-list-view/gr-list-view.html | 45 |
1 files changed, 30 insertions, 15 deletions
diff --git a/polygerrit-ui/app/elements/shared/gr-list-view/gr-list-view.html b/polygerrit-ui/app/elements/shared/gr-list-view/gr-list-view.html index 016932ff8a..be02d403fd 100644 --- a/polygerrit-ui/app/elements/shared/gr-list-view/gr-list-view.html +++ b/polygerrit-ui/app/elements/shared/gr-list-view/gr-list-view.html @@ -1,4 +1,5 @@ <!-- +@license Copyright (C) 2017 The Android Open Source Project Licensed under the Apache License, Version 2.0 (the "License"); @@ -16,7 +17,7 @@ limitations under the License. <link rel="import" href="../../../bower_components/polymer/polymer.html"> <link rel="import" href="../../../behaviors/base-url-behavior/base-url-behavior.html"> -<link rel="import" href="../../../behaviors/gr-url-encoding-behavior.html"> +<link rel="import" href="../../../behaviors/gr-url-encoding-behavior/gr-url-encoding-behavior.html"> <link rel="import" href="../../../styles/shared-styles.html"> <link rel="import" href="../../shared/gr-button/gr-button.html"> @@ -24,37 +25,48 @@ limitations under the License. <template> <style include="shared-styles"> #filter { - font-size: 1em; + font-size: var(--font-size-normal); max-width: 25em; } + #filter:focus { + outline: none; + } #topContainer { + align-items: center; display: flex; + height: 3rem; justify-content: space-between; - margin: 1em; + margin: 0 1em; } #createNewContainer:not(.show) { display: none; } a { - color: var(--default-text-color); + color: var(--primary-text-color); text-decoration: none; } a:hover { text-decoration: underline; } nav { - padding: .5em 0; - text-align: center; + align-items: center; + display: flex; + height: 3rem; + justify-content: flex-end; + margin-right: 20px; } - nav a { - display: inline-block; + nav, + iron-icon { + color: var(--deemphasized-text-color); } - nav a:first-of-type { - margin-right: .5em; + iron-icon { + height: 1.85rem; + margin-left: 16px; + width: 1.85rem; } </style> <div id="topContainer"> - <div> + <div class="filterContainer"> <label>Filter:</label> <input is="iron-input" type="text" @@ -63,20 +75,23 @@ limitations under the License. </div> <div id="createNewContainer" class$="[[_computeCreateClass(createNew)]]"> - <gr-button id="createNew" on-tap="_createNewItem"> + <gr-button primary link id="createNew" on-tap="_createNewItem"> Create New </gr-button> </div> </div> - <content></content> + <slot></slot> <nav> <a id="prevArrow" href$="[[_computeNavLink(offset, -1, itemsPerPage, filter, path)]]" - hidden$="[[_hidePrevArrow(offset)]]" hidden>← Prev</a> + hidden$="[[_hidePrevArrow(loading, offset)]]" hidden> + <iron-icon icon="gr-icons:chevron-left"></iron-icon> + </a> <a id="nextArrow" href$="[[_computeNavLink(offset, 1, itemsPerPage, filter, path)]]" hidden$="[[_hideNextArrow(loading, items)]]" hidden> - Next →</a> + <iron-icon icon="gr-icons:chevron-right"></iron-icon> + </a> </nav> </template> <script src="gr-list-view.js"></script> |