to prevent possible future conflicts
}
-.dropdown-submenu {
+.graph-dropdown-submenu {
position: relative;
}
-.dropdown-submenu>.dropdown-menu {
+.graph-dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
border-radius: 0 6px 6px 6px;
}
-.dropdown-submenu:hover>.dropdown-menu {
+.graph-dropdown-submenu:hover>.dropdown-menu {
display: block;
}
-.dropdown-submenu>a:after {
+.graph-dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
margin-right: -10px;
}
-.dropdown-submenu:hover>a:after {
+.graph-dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
<ul class="dropdown-menu multi-level" role="menu">
<t t-foreach="fields" t-as="field">
<t t-if="(field.type === 'date') || (field.type === 'datetime')">
- <li class="dropdown-submenu">
+ <li class="graph-dropdown-submenu">
<a class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'month'" href="#">
<t t-esc="field.value"/>
</a>