| Index: third_party/polymer/v1_0/components-chromium/paper-fab/paper-fab.html
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-fab/paper-fab.html b/third_party/polymer/v1_0/components-chromium/paper-fab/paper-fab.html
|
| index 320293a2ce65f3f95c801c0c9a7c6710ee7c4909..f0b147abb203ffe372aa8e9658d44741576605f0 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-fab/paper-fab.html
|
| +++ b/third_party/polymer/v1_0/components-chromium/paper-fab/paper-fab.html
|
| @@ -40,7 +40,8 @@ The following custom properties and mixins are available for styling:
|
|
|
| Custom property | Description | Default
|
| ----------------|-------------|----------
|
| -`--paper-fab-background` | The background color of the button | `--paper-indigo-500`
|
| +`--paper-fab-background` | The background color of the button | `--accent-color`
|
| +`--paper-fab-keyboard-focus-background` | The background color of the button when focused | `--paper-pink-900`
|
| `--paper-fab-disabled-background` | The background color of the button when it's disabled | `--paper-grey-300`
|
| `--paper-fab-disabled-text` | The text color of the button when it's disabled | `--paper-grey-500`
|
| `--paper-fab` | Mixin applied to the button | `{}`
|
| @@ -69,7 +70,7 @@ Custom property | Description | Default
|
| min-width: 0;
|
| width: 56px;
|
| height: 56px;
|
| - background: var(--paper-fab-background, --paper-indigo-500);
|
| + background: var(--paper-fab-background, --accent-color);
|
| color: var(--text-primary-color);
|
| border-radius: 50%;
|
| padding: 16px;
|
| @@ -95,11 +96,18 @@ Custom property | Description | Default
|
|
|
| paper-material {
|
| border-radius: inherit;
|
| + @apply(--layout-fit);
|
| + @apply(--layout-vertical);
|
| + @apply(--layout-center-center);
|
| + }
|
| +
|
| + .keyboard-focus {
|
| + background: var(--paper-fab-keyboard-focus-background, --paper-pink-900);
|
| }
|
| </style>
|
| <template>
|
| <paper-ripple></paper-ripple>
|
| - <paper-material class="content fit flex layout vertical center-center" elevation="[[elevation]]" animated="">
|
| + <paper-material class$="[[_computeContentClass(receivedFocusFromKeyboard)]]" elevation="[[_elevation]]" animated="">
|
| <iron-icon id="icon" src="[[src]]" icon="[[icon]]"></iron-icon>
|
| </paper-material>
|
| </template>
|
|
|