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; |
} |