Various fixes to Valo

Add a small API for checkbox, radio button and option group.

Fix border radius for ComboBox (no-text-input + small/large style).

Add better support for form layout section captions (now supports h2,
h3 and h4 labels instead of just h4).

Add “align-right” and “align-center” utility style names for label.

Fix black line artifacts in iOS for panel, window and tabsheet (visible
at certain zoom levels).

Refactor tab sheet styles to be more modular (so you can combine framed
with icons-on-top for instance).

Fix tab sheet loading indicator reserving unnecessary space in parent
layout.

Readonly style for richtextarea.

Fix slider handle focus border color.

Fix #14058: Valo causes Table headers to be overly long
- Table now reserves as little space as necessary
- TreeTable works slightly differently, causing it to reserve more
space in some situations

Rename table mixins to follow naming convention (mixins that do not
output top-level selectors should be suffixed with “-style”, others
not).

Fix TreeTable treespacer style so that it works correctly with row
captions/icons.

Prevent text size adjust on iOS.

Refine default overlay shadow.

Change-Id: I31fa8905c5aa34ab810c3d1c7ac35c3f572c8c04

1 files changed, 3 insertions, 4 deletions

diff --git a/WebContent/VAADIN/themes/valo/components/_checkbox.scss b/WebContent/VAADIN/themes/valo/components/_checkbox.scss
index 619e799bc7..9dfe2984a0 100644
--- a/WebContent/VAADIN/themes/valo/components/_checkbox.scss
+++ b/WebContent/VAADIN/themes/valo/components/_checkbox.scss
@@ -1,7 +1,6 @@
 @mixin valo-checkbox ($primary-stylename: v-checkbox) {
 
-  .#{$primary-stylename},
-  .v-radiobutton {
+  .#{$primary-stylename} {
     @include valo-checkbox-style;
   }
 
@@ -14,10 +13,10 @@
 }
 
 
-@mixin valo-checkbox-style ($background-color: $v-background-color, $size: $v-unit-size, $selection-color: $v-selection-color) {
+@mixin valo-checkbox-style ($background-color: $v-background-color, $unit-size: $v-unit-size, $selection-color: $v-selection-color) {
 
   // So that we can use the same 'unit-size' for all component sizes
-  $size: $size/2;
+  $size: $unit-size/2;
 
   position: relative;
   line-height: round($size);