aboutsummaryrefslogtreecommitdiffstats
path: root/themes
diff options
context:
space:
mode:
authorMarc Englund <marc@vaadin.com>2015-09-28 14:11:07 +0300
committerVaadin Code Review <review@vaadin.com>2016-10-17 12:32:29 +0000
commit53f990042418c66939292189879c296a85b654dd (patch)
treee19a2a913df7da154306b7cbff0cbfa8533b39f6 /themes
parentb49b8c2fc5112c21aaf4d3562bdbfa8eb3fee9a9 (diff)
downloadvaadin-framework-53f990042418c66939292189879c296a85b654dd.tar.gz
vaadin-framework-53f990042418c66939292189879c296a85b654dd.zip
Add "valo-menu-hover" stylename to make responsive menu appear w/o adding code (#19019)
Adding the optional "valo-menu-hover" style to the "valo-menu" element will make the menu appear on hover - i.e when mousing over on desktop, when tapping on touch devices (which also triggers hover). Change-Id: I4ee83cdd0e4198e02782cfcda945193305c41152
Diffstat (limited to 'themes')
-rw-r--r--themes/src/main/themes/VAADIN/themes/valo/components/_valo-menu.scss3
1 files changed, 2 insertions, 1 deletions
diff --git a/themes/src/main/themes/VAADIN/themes/valo/components/_valo-menu.scss b/themes/src/main/themes/VAADIN/themes/valo/components/_valo-menu.scss
index 48ba22174b..084f97cac6 100644
--- a/themes/src/main/themes/VAADIN/themes/valo/components/_valo-menu.scss
+++ b/themes/src/main/themes/VAADIN/themes/valo/components/_valo-menu.scss
@@ -237,7 +237,8 @@ $valo-menu-background-color: scale-color($v-app-background-color, $lightness: if
@include transition(all 300ms);
}
- .valo-menu-visible .valo-menuitems {
+ .valo-menu-visible .valo-menuitems,
+ .valo-menu-hover:hover .valo-menuitems {
@include transform(translatex(0%));
}
}