Fix to Valo menu for iOS (make the header visible)

Change-Id: Ib27db90a6dc48f8f8f34adc3c16aa3aa7222d19d

diff --git a/WebContent/VAADIN/themes/valo/components/_valo-menu.scss b/WebContent/VAADIN/themes/valo/components/_valo-menu.scss
index 6429dc0896574f17e38826f3ad71fcec8e711ae6..59d3ddca4b82713388456add61fcc5e4a9221b3f 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_valo-menu.scss
+++ b/WebContent/VAADIN/themes/valo/components/_valo-menu.scss
@@ -75,6 +75,7 @@ $valo-menu-background-color: scale-color($v-app-background-color, $lightness: if
     @include valo-menubar-borderless-style;
     margin: round($v-unit-size/2) round($v-unit-size/5);
     display: block;
+    overflow: hidden;
     text-align: center;
     height: auto;
     color: inherit;
@@ -83,6 +84,7 @@ $valo-menu-background-color: scale-color($v-app-background-color, $lightness: if
       color: inherit;
       white-space: normal;
       line-height: 1.4;
+      margin: 0;
 
       img.v-icon {
         width: round($v-unit-size * 1.5);
@@ -93,6 +95,13 @@ $valo-menu-background-color: scale-color($v-app-background-color, $lightness: if
         margin: 0 auto .3em;
         border: valo-border();
       }
+
+      &:after {
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
     }
 
     .v-menubar-menuitem-selected {
@@ -150,6 +159,10 @@ $valo-menu-background-color: scale-color($v-app-background-color, $lightness: if
         border-right: none;
       }
 
+      .valo-menu-part {
+        overflow: visible;
+      }
+
       .valo-menu-toggle {
         display: inline-block;
       }

diff --git a/uitest/src/com/vaadin/tests/themes/valo/ValoThemeUI.java b/uitest/src/com/vaadin/tests/themes/valo/ValoThemeUI.java
index 62d76569ddfafb222ac4b3c031e1f5e35dd23702..f30cec76cccb2269302a96c3990c715866a44b15 100644 (file)
--- a/uitest/src/com/vaadin/tests/themes/valo/ValoThemeUI.java
+++ b/uitest/src/com/vaadin/tests/themes/valo/ValoThemeUI.java
@@ -175,6 +175,7 @@ public class ValoThemeUI extends UI {
                         break;
                     }
                 }
+                menu.removeStyleName("valo-menu-visible");
             }
         });