diff options
| author | Henrik Paul <henrik@vaadin.com> | 2015-02-05 23:50:31 +0200 |
|---|---|---|
| committer | Leif Åstrand <leif@vaadin.com> | 2015-02-06 11:19:17 +0200 |
| commit | 0e141e31bb30a0ab6726129f3c9fa892c92573e4 (patch) | |
| tree | 672975bd0671b06d1498e5ce5f984e7d30179ef7 /WebContent | |
| parent | 0c82dad0ab225aeb9920b2e5c6f061da871bea66 (diff) | |
| download | vaadin-framework-0e141e31bb30a0ab6726129f3c9fa892c92573e4.tar.gz vaadin-framework-0e141e31bb30a0ab6726129f3c9fa892c92573e4.zip | |
Highlights erroneous cells in Grid editor (#16575)
Change-Id: Ie1f9d738db7a03ddb01b968782ad5e4877af1d7e
Diffstat (limited to 'WebContent')
| -rw-r--r-- | WebContent/VAADIN/themes/base/grid/grid.scss | 15 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/valo/components/_grid.scss | 11 |
2 files changed, 26 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/grid/grid.scss b/WebContent/VAADIN/themes/base/grid/grid.scss index a79420f7a9..e4a4a1d920 100644 --- a/WebContent/VAADIN/themes/base/grid/grid.scss +++ b/WebContent/VAADIN/themes/base/grid/grid.scss @@ -266,6 +266,21 @@ $v-grid-editor-background-color: $v-grid-row-background-color !default; max-width: 100%; } } + + .error::before { + position: absolute; + display: block; + height: 0; + width: 0; + content: ""; + border-top: 5px solid red; + border-right: 5px solid transparent; + } + + .error, + .error > input { + background-color: #fee; + } } .#{$primaryStyleName}-editor-footer { diff --git a/WebContent/VAADIN/themes/valo/components/_grid.scss b/WebContent/VAADIN/themes/valo/components/_grid.scss index c481f127a8..4cac9c5e43 100644 --- a/WebContent/VAADIN/themes/valo/components/_grid.scss +++ b/WebContent/VAADIN/themes/valo/components/_grid.scss @@ -102,6 +102,17 @@ $v-grid-animations-enabled: $v-animations-enabled !default; height: 100%; vertical-align: middle; } + + .error::before { + border-top: round($v-unit-size / 4) solid $v-error-indicator-color; + border-right: round($v-unit-size / 4) solid transparent; + } + + .error, + .error > input { + // taken from @mixin valo-textfield-error-style() + background-color: scale-color($v-error-indicator-color, $lightness: 98%); + } .v-textfield, .v-textfield-focus, |