diff --git a/docs/styling.md b/docs/styling.md index da574f8..3bf3748 100644 --- a/docs/styling.md +++ b/docs/styling.md @@ -46,6 +46,8 @@ Mixins ------|------------- `--paper-datatable-column-header` | column header style applied to text headers `--paper-datatable-cell` | applied to all data cells + `--paper-datatable-header-checkbox-size` | size of all selectable header checkboxe + `--paper-datatable-checkbox-size` | size of all selectable checkboxes `--paper-datatable-cell-last` | applied to the last cell of each row (used to increase the `padding-right` if you overwrite it in `--paper-datatable-cell`) `--paper-datatable-column-header-sorted` | applied to the sort icon `--paper-datatable-column-header-sort-icon-hover` | applied to the sort icon when hovered diff --git a/paper-datatable.html b/paper-datatable.html index d1c8907..06621c2 100644 --- a/paper-datatable.html +++ b/paper-datatable.html @@ -205,16 +205,18 @@ paper-checkbox{ --paper-checkbox-unchecked-color: var(--paper-datatable-checkbox-border-color, --primary-text-color); --paper-checkbox-checked-color: var(--paper-datatable-checkbox-color, --accent-color); + --paper-checkbox-size: var(--paper-datatable-checkbox-size); @apply(--paper-datatable-checkbox); } th paper-checkbox{ --paper-checkbox-unchecked-color: var(--paper-datatable-header-checkbox-border-color, --primary-text-color); --paper-checkbox-checked-color: var(--paper-datatable-header-checkbox-color, --accent-color); + --paper-checkbox-size: var(--paper-datatable-header-checkbox-size); @apply(--paper-datatable-header-checkbox); } .partialSelectionContainer{ - width:18px; - height:18px; + width:var(--paper-datatable-header-checkbox-size,18px); + height:var(--paper-datatable-header-checkbox-size,18px); position:relative; display:flex; align-items:center;