scinote-web/app/assets/stylesheets/shared/dropdown_menu.scss
G-Chubinidze 5eacd41ca5
Adding well plate table options to "insert step content" select menu [SCI-7931] (#5302)
* well plate implementation without nested dropdown

* Implement dropdown submenu [SCI-7931]

* minor code cleanup

---------

Co-authored-by: Giga Chubinidze <gchubinidze@unisens.ge>
Co-authored-by: Martin Artnik <martin@scinote.net>
2023-04-18 15:42:53 +02:00

34 lines
504 B
SCSS

.dropdown-submenu {
background: $color-white;
box-shadow: $flyout-shadow;
display: none;
left: 100%;
list-style: none;
min-width: 230px;
padding-left: 0;
position: absolute;
top: 0;
}
.dropdown-menu li {
position: relative;
.caret {
position: absolute;
right: 1em;
top: 1.1em;
transform: rotate(90deg);
}
&:hover .dropdown-submenu,
&.active .dropdown-submenu {
display: block;
}
&.active {
.caret {
transform: rotate(180deg);
}
}
}