mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-02-21 22:33:13 +08:00
* 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>
33 lines
504 B
SCSS
33 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);
|
|
}
|
|
}
|
|
}
|