diff options
author | Marc Englund <marc@vaadin.com> | 2015-09-28 14:11:07 +0300 |
---|---|---|
committer | Vaadin Code Review <review@vaadin.com> | 2016-10-17 12:32:29 +0000 |
commit | 53f990042418c66939292189879c296a85b654dd (patch) | |
tree | e19a2a913df7da154306b7cbff0cbfa8533b39f6 /themes | |
parent | b49b8c2fc5112c21aaf4d3562bdbfa8eb3fee9a9 (diff) | |
download | vaadin-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.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%)); } } |