Merge changes I5726cae3,Ie3acbfa4

* changes:
  Use --dialog-background-color in more dialogs
  Rework some CSS constant usage
This commit is contained in:
Wyatt Allen
2018-05-01 01:40:00 +00:00
committed by Gerrit Code Review
6 changed files with 12 additions and 7 deletions

View File

@@ -23,13 +23,13 @@ limitations under the License.
<template>
<style include="shared-styles">
:host {
background-color: var(--dialog-background-color);
display: block;
max-height: 80vh;
overflow-y: auto;
padding: 4.5em 1em 1em 1em;
}
header {
background: var(--view-background-color);
border-bottom: 1px solid var(--border-color);
left: 0;
padding: 1em;
@@ -58,8 +58,9 @@ limitations under the License.
margin-bottom: 1em;
}
ul li {
border: 1px solid var(--border-color);
border-radius: .2em;
background: var(--header-background-color);
background: var(--chip-background-color);
display: inline-block;
margin: 0 .2em .4em .2em;
padding: .2em .4em;

View File

@@ -38,6 +38,7 @@ limitations under the License.
<template>
<style include="shared-styles">
:host {
background-color: var(--dialog-background-color);
display: block;
max-height: 100%;
}
@@ -59,7 +60,7 @@ limitations under the License.
width: 100%;
}
.actions {
background-color: var(--view-background-color);
background-color: var(--dialog-background-color);
bottom: 0;
display: flex;
justify-content: space-between;
@@ -75,6 +76,7 @@ limitations under the License.
flex-shrink: 0;
}
.peopleContainer {
border-top: none;
display: table;
}
.peopleList {
@@ -120,7 +122,7 @@ limitations under the License.
display: block;
}
.previewContainer gr-formatted-text {
background: var(--header-background-color);
background: var(--table-header-background-color);
padding: 1em;
}
.draftsContainer h3 {

View File

@@ -202,7 +202,7 @@ limitations under the License.
display: block;
}
.target-row td.blame {
background: var(--header-background-color);
background: var(--diff-selection-background-color);
}
col.blame {
display: none;

View File

@@ -31,7 +31,7 @@ limitations under the License.
}
.container {
align-items: center;
background: var(--header-background-color);
background: var(--table-header-background-color);
border-radius: .75em;
display: inline-flex;
padding: 0 .5em;

View File

@@ -31,7 +31,7 @@ limitations under the License.
}
.container {
align-items: center;
background: var(--header-background-color);
background: var(--chip-background-color);
border-radius: .75em;
display: inline-flex;
padding: 0 .5em;

View File

@@ -42,6 +42,8 @@ limitations under the License.
--table-header-background-color: #fafafa;
--table-subheader-background-color: #eaeaea;
--chip-background-color: var(--header-background-color);
--dropdown-background-color: #fff;
/* Font sizes */