qsm-odoo
1c1c0897e8
- The dropdown structure was simplified, allowing to get rid of the 3-levels structure induced by <ul/> elements and dropdowns can now contain anything. The class 'dropdown-item' is now mandatory for each dropdown clickable element. The class 'dropdown-item-text' can be used to add same padding and style but without making the element have a clickable look. - Dividers now use the class 'dropdown-divider' - The way dropdowns are opened and hidden also changed (before the 'open' class was added on the `.dropdown-menu` parent, now the 'show' class is added on both the `.dropdown-menu` parent and the `.dropdown-menu` itself). - JS-wise, no click event handlers can be put on `.dropdown-toggle` elements anymore (instead, use handlers for dropdown events). - Carets are automatically put on `.dropdown-toggle` elements, so this commit replaces the `.caret` elements with this. This feature was possible to disable but would prevent us from adding a caret with scss. Also, this simplifies the DOM. The 'o-no-caret' class was also introduced to allow using the 'dropdown-toggle' class on non-caret elements. - Also adapt the scss to use $caret-width instead of $caret-width-base
41 lines
2.6 KiB
XML
41 lines
2.6 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="website_blog" inherit_id="website.snippets" name="Snippet Blog">
|
|
<xpath expr="//div[@id='snippet_options']" position="inside">
|
|
<div data-js="blog_cover" data-selector=".website_blog .o_blog_cover_container" data-no-check="true">
|
|
<a href="#" class="dropdown-item" data-change="true" data-no-preview="true">Change Cover</a>
|
|
<a href="#" class="dropdown-item" data-clear="true" data-no-preview="true">No Cover</a>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Size</a>
|
|
<div class="dropdown-menu" role="menu">
|
|
<a role="menuitem" href="#" class="dropdown-item" data-select-class="cover container-fluid cover_full">Full Screen</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-select-class="cover container-fluid cover_narrow">Mid screen</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-select-class="cover container cover_narrow">Narrow</a>
|
|
</div>
|
|
</li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Filter Intensity</a>
|
|
<div class="dropdown-menu" role="menu">
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_value="0.0">None</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_value="0.2">Low</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_value="0.4">Medium</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_value="0.6">High</a>
|
|
</div>
|
|
</li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Filter Color</a>
|
|
<div class="dropdown-menu" role="menu">
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_color="oe_black">Black</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_color="oe_none">White</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_color="oe_blue">Blue</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_color="oe_yellow">Yellow</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_color="oe_red">Red</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_color="oe_purple">Purple</a>
|
|
<a role="menuitem" href="#" class="dropdown-item" data-filter_color="oe_green">Green</a>
|
|
</div>
|
|
</li>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|