diff options
| author | qsm-odoo <qsm@odoo.com> | 2018-03-14 16:21:14 +0100 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2018-07-27 12:36:54 +0200 |
| commit | 1c1c0897e8eca607c7f1b96b68a06c026c543e6a (patch) | |
| tree | 1f667224be28146cbcbe602892094046052ea93b /addons/mass_mailing/static/src/xml | |
| parent | 220e49f9d66f2e2ea875143c2da0c20919ec0b3e (diff) | |
[REF] *: BS4, adapt dropdowns and carets
- 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
Diffstat (limited to 'addons/mass_mailing/static/src/xml')
| -rw-r--r-- | addons/mass_mailing/static/src/xml/mass_mailing.xml | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/addons/mass_mailing/static/src/xml/mass_mailing.xml b/addons/mass_mailing/static/src/xml/mass_mailing.xml index ae79ebff979..cdc23484cdd 100644 --- a/addons/mass_mailing/static/src/xml/mass_mailing.xml +++ b/addons/mass_mailing/static/src/xml/mass_mailing.xml @@ -5,18 +5,18 @@ <i class="fa fa-paint-brush"/> Change Style </a> <div class="dropdown-menu" role="menu"> - <li t-foreach="themes" t-as="theme"> - <a role="menuitem" href="#"> + <t t-foreach="themes" t-as="theme"> + <a role="menuitem" href="#" class="dropdown-item"> <div class="o_thumb small" t-attf-style="background-image: url(#{theme.img}_small.png)"/> <div class="o_thumb large" t-attf-style="background-image: url(#{theme.img}_large.png)"/> <div class="o_thumb logo" t-attf-style="background-image: url(#{theme.img}_logo.png)"/> </a> - </li> - <li t-if="themes.length === 1" class="o_mass_mailing_themes_upgrade"> - <a role="menuitem" href="#"> + </t> + <t t-if="themes.length === 1"> + <a role="menuitem" href="#" class="dropdown-item o_mass_mailing_themes_upgrade"> <div class="o_thumb"><i class="fa fa-plus" role="img" aria-label="Upgrade theme" title="Upgrade theme"/></div> </a> - </li> + </t> </div> </div> </templates> |