@vaadin/grid-pro
Advanced tools
Comparing version
{ | ||
"name": "@vaadin/grid-pro", | ||
"version": "22.0.0-alpha9", | ||
"version": "22.0.0-beta1", | ||
"publishConfig": { | ||
@@ -36,19 +36,19 @@ "access": "public" | ||
"@polymer/polymer": "^3.0.0", | ||
"@vaadin/checkbox": "22.0.0-alpha9", | ||
"@vaadin/component-base": "22.0.0-alpha9", | ||
"@vaadin/grid": "22.0.0-alpha9", | ||
"@vaadin/item": "22.0.0-alpha9", | ||
"@vaadin/list-box": "22.0.0-alpha9", | ||
"@vaadin/select": "22.0.0-alpha9", | ||
"@vaadin/text-field": "22.0.0-alpha9", | ||
"@vaadin/checkbox": "22.0.0-beta1", | ||
"@vaadin/component-base": "22.0.0-beta1", | ||
"@vaadin/grid": "22.0.0-beta1", | ||
"@vaadin/item": "22.0.0-beta1", | ||
"@vaadin/list-box": "22.0.0-beta1", | ||
"@vaadin/select": "22.0.0-beta1", | ||
"@vaadin/text-field": "22.0.0-beta1", | ||
"@vaadin/vaadin-license-checker": "^2.1.0", | ||
"@vaadin/vaadin-lumo-styles": "22.0.0-alpha9", | ||
"@vaadin/vaadin-material-styles": "22.0.0-alpha9", | ||
"@vaadin/vaadin-themable-mixin": "22.0.0-alpha9" | ||
"@vaadin/vaadin-lumo-styles": "22.0.0-beta1", | ||
"@vaadin/vaadin-material-styles": "22.0.0-beta1", | ||
"@vaadin/vaadin-themable-mixin": "22.0.0-beta1" | ||
}, | ||
"devDependencies": { | ||
"@esm-bundle/chai": "^4.3.4", | ||
"@vaadin/date-picker": "22.0.0-alpha9", | ||
"@vaadin/dialog": "22.0.0-alpha9", | ||
"@vaadin/polymer-legacy-adapter": "22.0.0-alpha9", | ||
"@vaadin/date-picker": "22.0.0-beta1", | ||
"@vaadin/dialog": "22.0.0-beta1", | ||
"@vaadin/polymer-legacy-adapter": "22.0.0-beta1", | ||
"@vaadin/testing-helpers": "^0.3.0", | ||
@@ -58,3 +58,3 @@ "lit": "^2.0.0", | ||
}, | ||
"gitHead": "6e8c899dc65918f97e3c0acb2076122c4b2ef274" | ||
"gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e" | ||
} |
import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js'; | ||
import '@vaadin/vaadin-lumo-styles/color.js'; | ||
import '@vaadin/vaadin-lumo-styles/style.js'; | ||
@@ -17,4 +18,39 @@ registerStyles( | ||
} | ||
[part~='editable-cell'], | ||
[part~='editable-cell'] ::slotted(vaadin-grid-cell-content) { | ||
cursor: var(--lumo-clickable-cursor); | ||
} | ||
[part~='editable-cell']:hover, | ||
[part~='editable-cell']:focus { | ||
background-color: var(--lumo-contrast-5pct); | ||
background-clip: padding-box; | ||
} | ||
/* Indicate editable cells */ | ||
:host([theme~='highlight-editable-cells']) [part~='editable-cell'] { | ||
background-color: var(--lumo-contrast-5pct); | ||
background-clip: border-box; | ||
} | ||
:host([theme~='highlight-editable-cells']) [part~='editable-cell']:hover, | ||
:host([theme~='highlight-editable-cells']) [part~='editable-cell']:focus { | ||
background-color: var(--lumo-contrast-10pct); | ||
} | ||
/* Indicate read-only cells */ | ||
:host([theme~='highlight-read-only-cells']) [part~='body-cell']:not([part~='editable-cell']) { | ||
background-image: repeating-linear-gradient( | ||
135deg, | ||
transparent, | ||
transparent 6px, | ||
var(--lumo-contrast-5pct) 6px, | ||
var(--lumo-contrast-5pct) 14px | ||
); | ||
} | ||
`, | ||
{ moduleId: 'lumo-grid-pro' } | ||
); |
@@ -11,4 +11,15 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js'; | ||
} | ||
[part~='editable-cell'], | ||
[part~='editable-cell'] ::slotted(vaadin-grid-cell-content) { | ||
cursor: pointer; | ||
} | ||
[part~='row'] > [part~='editable-cell']:hover, | ||
[part~='row'] > [part~='editable-cell']:focus { | ||
background-color: var(--material-grid-pro-editable-cell-hover-background-color, rgba(0, 0, 0, 0.04)); | ||
background-clip: padding-box; | ||
} | ||
`, | ||
{ moduleId: 'material-grid-pro' } | ||
); |
65475
2.31%1289
3.04%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
Updated
Updated
Updated