flectra/addons/web/static/src/less/dropdown.less
2018-01-16 02:34:37 -08:00

81 lines
1.7 KiB
Plaintext

.li-a-padding {
padding: 3px @flectra-dropdown-hpadding;
}
.ui-autocomplete { // Copy style of bootstrap dropdown
background-image: none;
background-color: @dropdown-bg;
border: 1px solid @dropdown-border;
font-size: @font-size-base;
padding: 5px 0px;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
.ui-menu-item {
padding: 0;
> a {
display: block;
color: @dropdown-link-color;
.li-a-padding
}
&.ui-state-focus {
background-image: none;
background-color: @flectra-brand-primary;
border: none;
font-weight: normal;
margin: 0;
}
&.o_m2o_dropdown_option {
padding-left: 20px;
> a {
color: @flectra-brand-primary;
}
}
}
}
.dropdown-menu {
box-shadow: 0 6px 12px -4px fade(black, 25%);
.o_inline_dropdown {
position: relative;
&> .dropdown-menu {
top: 0;
left: 100%;
}
&:hover > .dropdown-menu {
display: block;
}
}
}
.dropdown-menu-mixin {
.open .dropdown-menu > li {
position: relative; // to allow absolute positionning inside the li
> a {
&:focus, &:active, &:focus:active {
outline: none;
}
.li-a-padding;
}
&.dropdown-header {
.li-a-padding;
color: @flectra-main-text-color;
@media (max-width: @screen-xs-max) {
color: white;
text-decoration: underline;
}
}
}
}
.dropdown-menu-mixin();
.navbar-nav {
.dropdown-menu-mixin();
}