| Index: appengine/chromium_rietveld/new_static/components/cr-button.html
|
| diff --git a/appengine/chromium_rietveld/new_static/components/cr-button.html b/appengine/chromium_rietveld/new_static/components/cr-button.html
|
| index efb7655b5990cdefb4646428de2d5b1fd6aaaf0e..e94ffc74a97e1c6c333bfb7cb7e4d4a94fc23066 100644
|
| --- a/appengine/chromium_rietveld/new_static/components/cr-button.html
|
| +++ b/appengine/chromium_rietveld/new_static/components/cr-button.html
|
| @@ -7,6 +7,7 @@ found in the LICENSE file. -->
|
| <style>
|
| :host {
|
| display: flex;
|
| + height: 30px;
|
| }
|
|
|
| :host-context(cr-toolbar) {
|
| @@ -15,13 +16,13 @@ found in the LICENSE file. -->
|
|
|
| button {
|
| -webkit-user-select: none;
|
| - background: #f5f5f5;
|
| - background: linear-gradient(top, #f5f5f5, #f1f1f1);
|
| + background-color: #f5f5f5;
|
| + background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
|
| border-radius: 2px;
|
| border: 1px solid #dcdcdc;
|
| color: #444;
|
| font-weight: bold;
|
| - height: 29px;
|
| + height: 100%;
|
| margin: 0;
|
| text-align: center;
|
| white-space: nowrap;
|
| @@ -30,13 +31,17 @@ found in the LICENSE file. -->
|
| flex: 1;
|
| }
|
|
|
| + :host([icon]) button {
|
| + padding: 0 4px;
|
| + }
|
| +
|
| button:active,
|
| button:hover {
|
| border-color: #c6c6c6;
|
| color: #222;
|
| box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
|
| - background: #f8f8f8;
|
| - background: linear-gradient(top, #f8f8f8, #f1f1f1);
|
| + background-color: #f8f8f8;
|
| + background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
|
| }
|
|
|
| @@ -51,14 +56,14 @@ found in the LICENSE file. -->
|
|
|
| :host([primary]) button {
|
| background-color: #4d90fe;
|
| - background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
|
| + background-image: linear-gradient(top, #4d90fe, #4787ed);
|
| border: 1px solid #3079ed;
|
| color: #fff;
|
| }
|
|
|
| :host([create]) button {
|
| background-color: #d14836;
|
| - background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
|
| + background-image: linear-gradient(top, #dd4b39, #d14836);
|
| text-shadow: 0 1px rgba(0,0,0,0.1);
|
| border: 1px solid transparent;
|
| color: white;
|
| @@ -67,13 +72,13 @@ found in the LICENSE file. -->
|
|
|
| :host([primary]) button:hover {
|
| background-color: #357ae8;
|
| - background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
|
| + background-image: linear-gradient(top, #4d90fe, #357ae8);
|
| border: 1px solid #2f5bb7;
|
| }
|
|
|
| :host([create]) button:hover {
|
| background-color: #c53727;
|
| - background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
|
| + background-image: linear-gradient(top,#dd4b39,#c53727);
|
| border: 1px solid #b0281a;
|
| }
|
|
|
| @@ -86,14 +91,14 @@ found in the LICENSE file. -->
|
|
|
| :host([primary]) button:active {
|
| box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
|
| - background: #357ae8;
|
| + background-color: #357ae8;
|
| border: 1px solid #2f5bb7;
|
| }
|
|
|
| :host([create]) button:active {
|
| box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
|
| background-color: #b0281a;
|
| - background-image: -webkit-linear-gradient(top, #dd4b39, #b0281a);
|
| + background-image: linear-gradient(top, #dd4b39, #b0281a);
|
| border: 1px solid #992a1b;
|
| }
|
|
|
|
|