diff options
| author | qsm-odoo <qsm@odoo.com> | 2018-12-06 17:56:51 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2018-12-06 18:09:54 +0000 |
| commit | 08807fcba959f3d8b70513824f614a2985f001fc (patch) | |
| tree | a25b589316a19b4aa2e44322a403e02d0988929b /addons/website/static/src/xml/website.share.xml | |
| parent | 8b930c648d15b8b873d4ee4a8042f95825d28896 (diff) | |
[IMP] website: keep social media popover on one row
Before this commit, the social media popover (used in forum but
available everywhere) may break over multiple rows if used on a relative
positioned small button. This however never occurred in standard <= 12.0
so we will consider this not a bug fix. This will however occur with
the upcoming forum refactoring, so we needed a fix for master.
This commit forces the social icons on one row and take the opportunity
to refactor the template to make a simpler and more beautiful popover
by using conventional icons and social media own colors.
closes odoo/odoo#29327
Diffstat (limited to 'addons/website/static/src/xml/website.share.xml')
| -rw-r--r-- | addons/website/static/src/xml/website.share.xml | 16 |
1 files changed, 7 insertions, 9 deletions
diff --git a/addons/website/static/src/xml/website.share.xml b/addons/website/static/src/xml/website.share.xml index d78c1babc46..f07a2907492 100644 --- a/addons/website/static/src/xml/website.share.xml +++ b/addons/website/static/src/xml/website.share.xml @@ -1,15 +1,13 @@ <?xml version="1.0" encoding="UTF-8"?> <templates id="template" xml:space="preserve"> <t t-name="website.social_hover"> - <div class="row clearfix" style='font-size:16px'> - <div class="col-12 css_editable_mode_hidden"> - <t t-foreach="medias" t-as="media"> - <a style="cursor: pointer" t-attf-class="fa-stack fa-lg share #{media}" t-att-aria-label="media" t-att-title="media"> - <span class="fa fa-square fa-stack-2x"></span> - <span t-attf-class="oe_social_#{media} fa fa-#{media} fa-stack-1x fa-inverse"></span> - </a> - </t> - </div> + <div class="text-nowrap css_editable_mode_hidden"> + <t t-foreach="medias" t-as="media"> + <a href="#" + t-attf-class="fa fa-3x fa-#{media}-square text-#{media} oe_social_#{media}" + t-att-title="media" + t-att-aria-label="media"/> + </t> </div> </t> </templates> |