diff options
| author | Marc Englund <marc@vaadin.com> | 2015-09-28 14:11:07 +0300 |
|---|---|---|
| committer | Vaadin Code Review <review@vaadin.com> | 2016-10-19 09:29:52 +0000 |
| commit | fd8130ed6e6f93ced6ee1c7576efde31b9f768c0 (patch) | |
| tree | b651dd67e1683bf422263f08f6dbea3a6bedeeca /themes | |
| parent | 04650c56543a446008b8e379a56576472b8e093e (diff) | |
| download | vaadin-framework-fd8130ed6e6f93ced6ee1c7576efde31b9f768c0.tar.gz vaadin-framework-fd8130ed6e6f93ced6ee1c7576efde31b9f768c0.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).
Backported from master branch (vaadin 8).
Change-Id: I8344234a20aa93216b0116608d81e30e86d8b309
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/src/main/themes/VAADIN/themes/valo/components/_valo-menu.scss | 3 |
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%)); } } |