opendev/gerrit
Code Issues Proposed changes

Update styles for shadow dom

Browse Source 
- Create a shared style module that is included in every custom element
- Add the shared style module to each existing element

Change-Id: I1ee382955afe4ff630548a6640e7c4d03688849d
This commit is contained in:
Becky Siegel
2017-06-01 15:31:55 -07:00
parent 7284ac7f89
commit b159a7f5cc
75 changed files with 225 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
polygerrit-ui/app/elements/admin/gr-admin-project-list/gr-admin-project-list.html
View File

@@ -21,10 +21,12 @@ limitations under the License.
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/gr-form-styles.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-admin-project-list">
<template>
<style>
<style include="shared-styles">
:host {
display: flex;
flex-direction: column;

4
polygerrit-ui/app/elements/admin/gr-admin-project/gr-admin-project.html
View File

@@ -21,10 +21,12 @@ limitations under the License.
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../shared/gr-select/gr-select.html">
<link rel="import" href="../../../styles/gr-form-styles.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-admin-project">
<template>
<style>
<style include="shared-styles">
main {
margin: 2em 1em;
}

3
polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.html
View File

@@ -22,10 +22,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-account-link/gr-account-link.html">
<link rel="import" href="../../shared/gr-change-star/gr-change-star.html">
<link rel="import" href="../../shared/gr-date-formatter/gr-date-formatter.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-change-list-item">
<template>
<style>
<style include="shared-styles">
:host {
display: table-row;
border-bottom: 1px solid #eee;

3
polygerrit-ui/app/elements/change-list/gr-change-list-view/gr-change-list-view.html
View File

@@ -19,10 +19,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../gr-change-list/gr-change-list.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-change-list-view">
<template>
<style>
<style include="shared-styles">
:host {
background-color: var(--view-background-color);
display: block;

3
polygerrit-ui/app/elements/change-list/gr-change-list/gr-change-list.html
View File

@@ -23,10 +23,11 @@ limitations under the License.
<link rel="import" href="../../../styles/gr-change-list-styles.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../gr-change-list-item/gr-change-list-item.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-change-list">
<template>
<style>
<style include="shared-styles">
#changeList {
border-collapse: collapse;
width: 100%;

3
polygerrit-ui/app/elements/change-list/gr-dashboard-view/gr-dashboard-view.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../behaviors/rest-client-behavior/rest-client-behavior.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-dashboard-view">
<template>
<style>
<style include="shared-styles">
:host {
background-color: var(--view-background-color);
display: block;

3
polygerrit-ui/app/elements/change/gr-account-entry/gr-account-entry.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-autocomplete/gr-autocomplete.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-account-entry">
<template>
<style>
<style include="shared-styles">
gr-autocomplete {
display: inline-block;
flex: 1;

3
polygerrit-ui/app/elements/change/gr-account-list/gr-account-list.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-account-chip/gr-account-chip.html">
<link rel="import" href="../gr-account-entry/gr-account-entry.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-account-list">
<template>
<style>
<style include="shared-styles">
gr-account-chip {
display: inline-block;
margin: 0 .2em .2em 0;

3
polygerrit-ui/app/elements/change/gr-change-actions/gr-change-actions.html
View File

@@ -29,10 +29,11 @@ limitations under the License.
<link rel="import" href="../gr-confirm-cherrypick-dialog/gr-confirm-cherrypick-dialog.html">
<link rel="import" href="../gr-confirm-rebase-dialog/gr-confirm-rebase-dialog.html">
<link rel="import" href="../gr-confirm-revert-dialog/gr-confirm-revert-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-change-actions">
<template>
<style>
<style include="shared-styles">
:host {
display: inline-block;
font-family: var(--font-family);

2
polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata-it_test.html
View File

@@ -62,7 +62,7 @@ limitations under the License.
_computeShowLabelStatus() { return true; },
_computeShowReviewersByState() { return true; },
ready() {
this.change = {labels: []};
this.change = {labels: [], status: 'NEW'};
this.serverConfig = {};
},
});

3
polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata.html
View File

@@ -26,10 +26,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-linked-chip/gr-linked-chip.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../gr-reviewer-list/gr-reviewer-list.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-change-metadata">
<template>
<style>
<style include="shared-styles">
section:not(:first-of-type) {
margin-top: 1em;
}

3
polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
View File

@@ -40,10 +40,11 @@ limitations under the License.
<link rel="import" href="../gr-messages-list/gr-messages-list.html">
<link rel="import" href="../gr-related-changes-list/gr-related-changes-list.html">
<link rel="import" href="../gr-reply-dialog/gr-reply-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-change-view">
<template>
<style>
<style include="shared-styles">
.container:not(.loading) {
background-color: var(--view-background-color);
}

3
polygerrit-ui/app/elements/change/gr-comment-list/gr-comment-list.html
View File

@@ -18,6 +18,7 @@ limitations under the License.
<link rel="import" href="../../../behaviors/gr-path-list-behavior/gr-path-list-behavior.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-formatted-text/gr-formatted-text.html">
<link rel="import" href="../../../styles/shared-styles.html">
<!--
The custom CSS property `--gr-formatted-text-prose-max-width` controls the max
@@ -26,7 +27,7 @@ limitations under the License.
<dom-module id="gr-comment-list">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
word-wrap: break-word;

3
polygerrit-ui/app/elements/change/gr-commit-info/gr-commit-info.html
View File

@@ -15,10 +15,11 @@ limitations under the License.
-->
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-commit-info">
<template>
<style>
<style include="shared-styles">
:host {
display: inline-block;
}

3
polygerrit-ui/app/elements/change/gr-confirm-abandon-dialog/gr-confirm-abandon-dialog.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-confirm-dialog/gr-confirm-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-confirm-abandon-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/change/gr-confirm-cherrypick-dialog/gr-confirm-cherrypick-dialog.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-confirm-dialog/gr-confirm-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-confirm-cherrypick-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
width: 30em;

3
polygerrit-ui/app/elements/change/gr-confirm-rebase-dialog/gr-confirm-rebase-dialog.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-confirm-dialog/gr-confirm-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-confirm-rebase-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
width: 30em;

3
polygerrit-ui/app/elements/change/gr-confirm-revert-dialog/gr-confirm-revert-dialog.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-confirm-dialog/gr-confirm-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-confirm-revert-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/change/gr-download-dialog/gr-download-dialog.html
View File

@@ -19,10 +19,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-input/iron-input.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-download-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
padding: 1em;

3
polygerrit-ui/app/elements/change/gr-file-list/gr-file-list.html
View File

@@ -28,10 +28,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../shared/gr-select/gr-select.html">
<link rel="import" href="../../shared/gr-tooltip-content/gr-tooltip-content.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-file-list">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/change/gr-label-scores/gr-label-scores.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../gr-label-score-row/gr-label-score-row.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-label-scores">
<template>
<style>
<style include="shared-styles">
.mergedMessage {
font-style: italic;
text-align: center;

5
polygerrit-ui/app/elements/change/gr-message/gr-message.html
View File

@@ -20,12 +20,13 @@ limitations under the License.
<link rel="import" href="../../shared/gr-date-formatter/gr-date-formatter.html">
<link rel="import" href="../../shared/gr-formatted-text/gr-formatted-text.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<link rel="import" href="../gr-comment-list/gr-comment-list.html">
<dom-module id="gr-message">
<template>
<style>
<style include="shared-styles">
:host {
border-top: 1px solid #ddd;
display: block;
@@ -45,7 +46,7 @@ limitations under the License.
display: flex;
white-space: nowrap;
}
.showAvatar.expanded .contentContainer {
.contentContainer {
margin-left: calc(var(--default-horizontal-margin) + 2.5em);
padding: 10px 0;
}

3
polygerrit-ui/app/elements/change/gr-messages-list/gr-messages-list.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../core/gr-reporting/gr-reporting.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../gr-message/gr-message.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-messages-list">
<template>
<style>
<style include="shared-styles">
:host,
.messageListControls {
display: block;

3
polygerrit-ui/app/elements/change/gr-related-changes-list/gr-related-changes-list.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../../behaviors/rest-client-behavior/rest-client-behavior.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-related-changes-list">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/change/gr-reply-dialog/gr-reply-dialog.html
View File

@@ -30,10 +30,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-storage/gr-storage.html">
<link rel="import" href="../gr-account-list/gr-account-list.html">
<link rel="import" href="../gr-label-scores/gr-label-scores.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-reply-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
max-height: 90vh;

3
polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.html
View File

@@ -19,10 +19,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-account-chip/gr-account-chip.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-reviewer-list">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/core/gr-account-dropdown/gr-account-dropdown.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-dropdown/gr-dropdown.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-account-dropdown">
<template>
<style>
<style include="shared-styles">
button {
background: none;
border: none;

3
polygerrit-ui/app/elements/core/gr-keyboard-shortcuts-dialog/gr-keyboard-shortcuts-dialog.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-keyboard-shortcuts-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.html
View File

@@ -21,10 +21,11 @@ limitations under the License.
<link rel="import" href="../gr-account-dropdown/gr-account-dropdown.html">
<link rel="import" href="../../shared/gr-dropdown/gr-dropdown.html">
<link rel="import" href="../gr-search-bar/gr-search-bar.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-main-header">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

4
polygerrit-ui/app/elements/core/gr-search-bar/gr-search-bar.html
View File

@@ -20,11 +20,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-autocomplete/gr-autocomplete.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-search-bar">
<template>
<style>
<style include="shared-styles">
:host {
display: inline-block;
}

3
polygerrit-ui/app/elements/diff/gr-confirm-delete-comment-dialog/gr-confirm-delete-comment-dialog.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-confirm-dialog/gr-confirm-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-confirm-delete-comment-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/diff/gr-diff-comment-thread-group/gr-diff-comment-thread-group.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-diff-comment-thread/gr-diff-comment-thread.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-diff-comment-thread-group">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
white-space: normal;

3
polygerrit-ui/app/elements/diff/gr-diff-comment-thread/gr-diff-comment-thread.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../shared/gr-storage/gr-storage.html">
<link rel="import" href="../gr-diff-comment/gr-diff-comment.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-diff-comment-thread">
<template>
<style>
<style include="shared-styles">
:host {
border: 1px solid #bbb;
display: block;

3
polygerrit-ui/app/elements/diff/gr-diff-comment/gr-diff-comment.html
View File

@@ -25,12 +25,13 @@ limitations under the License.
<link rel="import" href="../../shared/gr-storage/gr-storage.html">
<link rel="import" href="../../shared/gr-tooltip-content/gr-tooltip-content.html">
<link rel="import" href="../gr-confirm-delete-comment-dialog/gr-confirm-delete-comment-dialog.html">
<link rel="import" href="../../../styles/shared-styles.html">
<script src="../../../scripts/rootElement.js"></script>
<dom-module id="gr-diff-comment">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
font-family: var(--font-family);

3
polygerrit-ui/app/elements/diff/gr-diff-highlight/gr-diff-highlight.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-selection-action-box/gr-selection-action-box.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-diff-highlight">
<template>
<style>
<style include="shared-styles">
.contentWrapper ::content {
position: relative;
}

3
polygerrit-ui/app/elements/diff/gr-diff-preferences/gr-diff-preferences.html
View File

@@ -20,10 +20,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-overlay/gr-overlay.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../shared/gr-storage/gr-storage.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-diff-preferences">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/diff/gr-diff-selection/gr-diff-selection.html
View File

@@ -14,10 +14,11 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-diff-selection">
<template>
<style>
<style include="shared-styles">
.contentWrapper ::content .content,
.contentWrapper ::content .contextControl {
-webkit-user-select: none;

3
polygerrit-ui/app/elements/diff/gr-diff-view/gr-diff-view.html
View File

@@ -28,10 +28,11 @@ limitations under the License.
<link rel="import" href="../gr-diff-preferences/gr-diff-preferences.html">
<link rel="import" href="../gr-diff/gr-diff.html">
<link rel="import" href="../gr-patch-range-select/gr-patch-range-select.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-diff-view">
<template>
<style>
<style include="shared-styles">
:host {
background-color: var(--view-background-color);
}

3
polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
View File

@@ -22,12 +22,13 @@ limitations under the License.
<link rel="import" href="../gr-diff-highlight/gr-diff-highlight.html">
<link rel="import" href="../gr-diff-selection/gr-diff-selection.html">
<link rel="import" href="../gr-syntax-themes/gr-theme-default.html">
<link rel="import" href="../../../styles/shared-styles.html">
<script src="../../../scripts/hiddenscroll.js"></script>
<dom-module id="gr-diff">
<template>
<style>
<style include="shared-styles">
:host {
--light-remove-highlight-color: #fee;
--dark-remove-highlight-color: rgba(255, 0, 0, 0.15);

3
polygerrit-ui/app/elements/diff/gr-patch-range-select/gr-patch-range-select.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../behaviors/gr-patch-set-behavior/gr-patch-set-behavior.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-select/gr-select.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-patch-range-select">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/diff/gr-selection-action-box/gr-selection-action-box.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../behaviors/keyboard-shortcut-behavior/keyboard-shortcut-behavior.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-selection-action-box">
<template>
<style>
<style include="shared-styles">
:host {
--gr-arrow-size: .65em;

3
polygerrit-ui/app/elements/gr-app.html
View File

@@ -38,12 +38,13 @@ limitations under the License.
<link rel="import" href="./shared/gr-fixed-panel/gr-fixed-panel.html">
<link rel="import" href="./shared/gr-overlay/gr-overlay.html">
<link rel="import" href="./shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../styles/shared-styles.html">
<script src="../scripts/util.js"></script>
<dom-module id="gr-app">
<template>
<style>
<style include="shared-styles">
:host {
display: flex;
min-height: 100%;

4
polygerrit-ui/app/elements/settings/gr-change-table-editor/gr-change-table-editor.html
View File

@@ -19,12 +19,12 @@ limitations under the License.
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-date-formatter/gr-date-formatter.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<link rel="import" href="../../../styles/gr-form-styles.html">
<dom-module id="gr-change-table-editor">
<template>
<style>
<style include="shared-styles">
table {
margin-top: 1em;
}

3
polygerrit-ui/app/elements/settings/gr-email-editor/gr-email-editor.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-input/iron-input.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-email-editor">
<template>
<style>
<style include="shared-styles">
th {
color: #666;
text-align: left;

4
polygerrit-ui/app/elements/settings/gr-group-list/gr-group-list.html
View File

@@ -16,12 +16,12 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<link rel="import" href="../../../styles/gr-form-styles.html">
<dom-module id="gr-group-list">
<template>
<style>
<style include="shared-styles">
.nameHeader {
width: 15em;
}

3
polygerrit-ui/app/elements/settings/gr-http-password/gr-http-password.html
View File

@@ -19,10 +19,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-overlay/gr-overlay.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-http-password">
<template>
<style>
<style include="shared-styles">
.password {
font-family: var(--monospace-font-family);
}

4
polygerrit-ui/app/elements/settings/gr-menu-editor/gr-menu-editor.html
View File

@@ -19,12 +19,12 @@ limitations under the License.
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-date-formatter/gr-date-formatter.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<link rel="import" href="../../../styles/gr-form-styles.html">
<dom-module id="gr-menu-editor">
<template>
<style>
<style include="shared-styles">
th.nameHeader {
width: 11em;
}

3
polygerrit-ui/app/elements/settings/gr-registration-dialog/gr-registration-dialog.html
View File

@@ -18,11 +18,12 @@ limitations under the License.
<link rel="import" href="../../../styles/gr-form-styles.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-registration-dialog">
<template>
<style include="gr-form-styles"></style>
<style>
<style include="shared-styles">
:host {
display: block;
}

4
polygerrit-ui/app/elements/settings/gr-settings-view/gr-settings-view.html
View File

@@ -28,12 +28,12 @@ limitations under the License.
<link rel="import" href="../../shared/gr-date-formatter/gr-date-formatter.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../shared/gr-select/gr-select.html">
<link rel="import" href="../../../styles/shared-styles.html">
<link rel="import" href="../../../styles/gr-form-styles.html">
<dom-module id="gr-settings-view">
<template>
<style>
<style include="shared-styles">
:host {
background-color: var(--view-background-color);
display: block;

3
polygerrit-ui/app/elements/settings/gr-ssh-editor/gr-ssh-editor.html
View File

@@ -20,10 +20,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-overlay/gr-overlay.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-ssh-editor">
<template>
<style>
<style include="shared-styles">
.commentHeader {
width: 27em;
}

3
polygerrit-ui/app/elements/settings/gr-watched-projects-editor/gr-watched-projects-editor.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/gr-form-styles.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-watched-projects-editor">
<template>
<style>
<style include="shared-styles">
th.projectHeader {
width: 11em;
}

3
polygerrit-ui/app/elements/shared/gr-account-chip/gr-account-chip.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../gr-account-link/gr-account-link.html">
<link rel="import" href="../gr-button/gr-button.html">
<link rel="import" href="../gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-account-chip">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
overflow: hidden;

3
polygerrit-ui/app/elements/shared/gr-account-label/gr-account-label.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-avatar/gr-avatar.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-account-label">
<template>
<style>
<style include="shared-styles">
:host {
display: inline;
}

3
polygerrit-ui/app/elements/shared/gr-account-link/gr-account-link.html
View File

@@ -17,10 +17,11 @@ limitations under the License.
<link rel="import" href="../../../behaviors/base-url-behavior/base-url-behavior.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-account-label/gr-account-label.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-account-link">
<template>
<style>
<style include="shared-styles">
:host {
display: inline-block;
}

3
polygerrit-ui/app/elements/shared/gr-alert/gr-alert.html
View File

@@ -16,12 +16,13 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-button/gr-button.html">
<link rel="import" href="../../../styles/shared-styles.html">
<script src="../../../scripts/rootElement.js"></script>
<dom-module id="gr-alert">
<template>
<style>
<style include="shared-styles">
/**
* ALERT: DO NOT ADD TRANSITION PROPERTIES WITHOUT PROPERLY UNDERSTANDING
* HOW THEY ARE USED IN THE CODE.

3
polygerrit-ui/app/elements/shared/gr-autocomplete-dropdown/gr-autocomplete-dropdown.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../../behaviors/keyboard-shortcut-behavior/keyboard-shortcut-behavior.html">
<link rel="import" href="../../shared/gr-cursor-manager/gr-cursor-manager.html">
<script src="../../../scripts/rootElement.js"></script>
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-autocomplete-dropdown">
<template>
<style>
<style include="shared-styles">
:host {
background: #fff;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;

3
polygerrit-ui/app/elements/shared/gr-autocomplete/gr-autocomplete.html
View File

@@ -18,10 +18,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-input/iron-input.html">
<link rel="import" href="../../shared/gr-autocomplete-dropdown/gr-autocomplete-dropdown.html">
<link rel="import" href="../../shared/gr-cursor-manager/gr-cursor-manager.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-autocomplete">
<template>
<style>
<style include="shared-styles">
input {
font-size: 1em;
height: 100%;

3
polygerrit-ui/app/elements/shared/gr-avatar/gr-avatar.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-avatar">
<template>
<style>
<style include="shared-styles">
:host {
display: inline-block;
border-radius: 50%;

3
polygerrit-ui/app/elements/shared/gr-button/gr-button.html
View File

@@ -17,10 +17,11 @@ 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="../../../behaviors/keyboard-shortcut-behavior/keyboard-shortcut-behavior.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-button">
<template strip-whitespace>
<style>
<style include="shared-styles">
:host {
background-color: #f5f5f5;
border: 1px solid #d1d2d3;

3
polygerrit-ui/app/elements/shared/gr-change-star/gr-change-star.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-change-star">
<template>
<style>
<style include="shared-styles">
:host {
display: inline-block;
overflow: hidden;

3
polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-button/gr-button.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-confirm-dialog">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
max-height: 90vh;

3
polygerrit-ui/app/elements/shared/gr-date-formatter/gr-date-formatter.html
View File

@@ -17,12 +17,13 @@ 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-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<script src="../../../bower_components/moment/moment.js"></script>
<dom-module id="gr-date-formatter">
<template>
<style>
<style include="shared-styles">
:host {
display: inline;
}

3
polygerrit-ui/app/elements/shared/gr-dropdown/gr-dropdown.html
View File

@@ -19,10 +19,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/iron-dropdown/iron-dropdown.html">
<link rel="import" href="../../shared/gr-button/gr-button.html">
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-dropdown">
<template>
<style>
<style include="shared-styles">
:host {
display: inline-block;
}

3
polygerrit-ui/app/elements/shared/gr-editable-content/gr-editable-content.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-editable-content">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

4
polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html
View File

@@ -15,9 +15,11 @@ limitations under the License.
-->
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../bower_components/iron-input/iron-input.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-editable-label">
<template>
<style>
<style include="shared-styles">
:host {
align-items: center;
display: inline-flex;

3
polygerrit-ui/app/elements/shared/gr-fixed-panel/gr-fixed-panel.html
View File

@@ -15,10 +15,11 @@ limitations under the License.
-->
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-fixed-panel">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
min-height: var(--header-height);

3
polygerrit-ui/app/elements/shared/gr-formatted-text/gr-formatted-text.html
View File

@@ -15,10 +15,11 @@ limitations under the License.
-->
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-linked-text/gr-linked-text.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-formatted-text">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
font-family: var(--font-family);

4
polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html
View File

@@ -16,9 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-button/gr-button.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-linked-chip">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
overflow: hidden;

4
polygerrit-ui/app/elements/shared/gr-linked-text/gr-linked-text.html
View File

@@ -15,11 +15,13 @@ limitations under the License.
-->
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../styles/shared-styles.html">
<script src="ba-linkify.js"></script>
<script src="link-text-parser.js"></script>
<dom-module id="gr-linked-text">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/shared/gr-overlay/gr-overlay.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../bower_components/iron-overlay-behavior/iron-overlay-behavior.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-overlay">
<template>
<style>
<style include="shared-styles">
:host {
background: #fff;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;

3
polygerrit-ui/app/elements/shared/gr-placeholder/gr-placeholder.html
View File

@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../behaviors/base-url-behavior/base-url-behavior.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-placeholder">
<template>
<style>
<style include="shared-styles">
main {
margin: 2em auto;
max-width: 46em;

3
polygerrit-ui/app/elements/shared/gr-textarea/gr-textarea.html
View File

@@ -21,10 +21,11 @@ limitations under the License.
<link rel="import" href="../../shared/gr-overlay/gr-overlay.html">
<link rel="import" href="../../../bower_components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
<link rel="import" href="../../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-textarea">
<template>
<style>
<style include="shared-styles">
:host {
display: block;
}

3
polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.html
View File

@@ -15,10 +15,11 @@ limitations under the License.
-->
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-tooltip">
<template>
<style>
<style include="shared-styles">
:host {
--gr-tooltip-arrow-size: .5em;
--gr-tooltip-arrow-center-offset: 0;

2
polygerrit-ui/app/styles/main.css
View File

@@ -21,6 +21,7 @@ limitations under the License.
margin: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: none;
}
@@ -34,6 +35,7 @@ body {
* IE has shoddy support for the font shorthand property.
* Work around this using font-size and font-family.
*/
-webkit-text-size-adjust: none;
font-size: 13px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 1.4;

72
polygerrit-ui/app/styles/shared-styles.html Normal file
View File

@@ -0,0 +1,72 @@
<!--
Copyright (C) 2017 The Android Open Source Project
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<dom-module id="shared-styles">
<template>
<style>
/* CSS reset */
html, body, button, div, span, applet, object, input, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Other Shared Styles*/
h1 {
font-size: 2em;
font-weight: bold;
}
h2 {
font-size: 1.5em;
font-weight: bold;
}
h3 {
font-size: 1.17em;
font-weight: bold;
}
/* Stopgap solution until we remove hidden$ attributes. */
[hidden] {
display: none !important;
}
</style>
</template>
</dom-module>