Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(90)

Unified Diff: third_party/polymer/v1_0/components-chromium/paper-checkbox/paper-checkbox.html

Issue 1410143002: Update Polymer to fix closure compile (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@iron-list5
Patch Set: Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/v1_0/components-chromium/paper-checkbox/paper-checkbox.html
diff --git a/third_party/polymer/v1_0/components-chromium/paper-checkbox/paper-checkbox.html b/third_party/polymer/v1_0/components-chromium/paper-checkbox/paper-checkbox.html
index 9ec9ee638f472c1d627b921d8f65e2a474a851e6..8b4207d267017735ba9af577f87e09001255ed42 100644
--- a/third_party/polymer/v1_0/components-chromium/paper-checkbox/paper-checkbox.html
+++ b/third_party/polymer/v1_0/components-chromium/paper-checkbox/paper-checkbox.html
@@ -40,6 +40,7 @@ Custom property | Description | Default
`--paper-checkbox-checked-ink-color` | Selected/focus ripple color when the input is checked | `--default-primary-color`
`--paper-checkbox-checkmark-color` | Checkmark color | `white`
`--paper-checkbox-label-color` | Label color | `--primary-text-color`
+`--paper-checkbox-label-spacing` | Spacing between the label and the checkbox | `8px`
`--paper-checkbox-error-color` | Checkbox color when invalid | `--google-red-500`
@demo demo/index.html
@@ -73,7 +74,7 @@ Custom property | Description | Default
background-color: var(--paper-checkbox-unchecked-background-color, transparent);
}
- :host #ink {
+ #ink {
position: absolute;
top: -15px;
left: -15px;
@@ -84,11 +85,16 @@ Custom property | Description | Default
pointer-events: none;
}
- :host #ink[checked] {
+ :host-context([dir="rtl"]) #ink {
+ right: -15px;
+ left: auto;
+ }
+
+ #ink[checked] {
color: var(--paper-checkbox-checked-ink-color, --default-primary-color);
}
- :host #checkbox {
+ #checkbox {
position: relative;
box-sizing: border-box;
height: 100%;
@@ -136,12 +142,12 @@ Custom property | Description | Default
}
}
- :host #checkbox.checked {
+ #checkbox.checked {
background-color: var(--paper-checkbox-checked-color, --default-primary-color);
border-color: var(--paper-checkbox-checked-color, --default-primary-color);
}
- :host #checkmark {
+ #checkmark {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
@@ -162,12 +168,17 @@ Custom property | Description | Default
position: relative;
display: inline-block;
vertical-align: middle;
- padding-left: 8px;
+ padding-left: var(--paper-checkbox-label-spacing, 8px);
white-space: normal;
pointer-events: none;
color: var(--paper-checkbox-label-color, --primary-text-color);
}
+ :host-context([dir="rtl"]) #checkboxLabel {
+ padding-right: var(--paper-checkbox-label-spacing, 8px);
+ padding-left: 0;
+ }
+
#checkboxLabel[hidden] {
display: none;
}

Powered by Google App Engine
This is Rietveld 408576698