flexi-bot/docs/marlin/_sass/_dropdown-submenu.scss
2023-09-05 20:38:49 +02:00

53 lines
1.1 KiB
SCSS

.dropdown-submenu {
position: relative;
>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #CCC;
margin-top: 5px;
margin-right: -10px;
}
}
.flip-left {
left: -109% !important;
width: 110%;
}
.pull-right {
>.dropdown-submenu {
>a:after{
float: left;
border-color: transparent;
border-style: solid;
border-width: 5px 5px 5px 5px;
border-right-color: #CCC;
margin-top: 5px;
margin-right: 10px;
}
}
}
.dropdown-submenu:hover {
>.dropdown-menu { display: block; }
>a { border-color: #FFF; }
}
.dropdown-submenu.gcode,
.dropdown-submenu.setting { >.dropdown-menu { overflow: scroll; height: 45em; } }
.dropdown-submenu.setting>.dropdown-menu { max-height: 40em; }