From 3157b8e50a60f18098cdb0aafeedd6437e764f68 Mon Sep 17 00:00:00 2001
From: Deependra Solanki <deso@odoo.com>
Date: Mon, 22 May 2023 11:39:16 +0000
Subject: [PATCH] [IMP] mass_mailing: enable font-family customisation for
 buttons and links.

Before this commit:

The font-family style of buttons and links could not be changed.

After this commit:

The fonts of a buttons and links can be changed.

Task - 2841732

closes odoo/odoo#121926

Signed-off-by: Antoine Guenet (age) <age@odoo.com>
---
 .../static/src/scss/themes/theme_default.scss |  1 -
 addons/mass_mailing/views/snippets_themes.xml | 22 +++++++++++++++++++
 .../mass_mailing/views/themes_templates.xml   |  3 +++
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/addons/mass_mailing/static/src/scss/themes/theme_default.scss b/addons/mass_mailing/static/src/scss/themes/theme_default.scss
index 460443c2731..04f1aa936e2 100644
--- a/addons/mass_mailing/static/src/scss/themes/theme_default.scss
+++ b/addons/mass_mailing/static/src/scss/themes/theme_default.scss
@@ -91,7 +91,6 @@ div.col:not([align]) {
     }
 
     a:not(.btn), .btn.btn-link {
-        font-weight: bold;
         padding-left: 0 !important;
         padding-right: 0 !important;
         border: none!important;
diff --git a/addons/mass_mailing/views/snippets_themes.xml b/addons/mass_mailing/views/snippets_themes.xml
index 5e3cfb55ed3..60cea89838c 100644
--- a/addons/mass_mailing/views/snippets_themes.xml
+++ b/addons/mass_mailing/views/snippets_themes.xml
@@ -671,11 +671,27 @@
         </we-row>
         <!-- LINKS -->
         <we-row string="Links" class="o_design_tab_title">
+            <we-input data-customize-css-property=""
+                        data-css-property="font-size"
+                        data-selector-text="a:not(.btn), a.btn.btn-link"
+                        data-unit="px"/>
             <we-colorpicker data-customize-css-property=""
                             data-css-property="color"
                             data-selector-text="a:not(.btn), a.btn.btn-link"
                             data-no-transparency="true"
                             data-color-prefix="text-"/>
+        </we-row>
+        <we-row string="" class="o_we_sublevel_1 o_short_title">
+            <we-fontfamilypicker data-selector-text="a:not(.btn), a.btn.btn-link"/>
+            <span></span> <!--Separate the select from the buttons (styling)-->
+            <we-button title="Bold" class="fa fa-fw fa-bold" data-no-preview="true" data-toggle="true"
+                        data-customize-css-property="bolder"
+                        data-selector-text="a:not(.btn), a.btn.btn-link"
+                        data-css-property="font-weight"/>
+            <we-button title="Italic" class="fa fa-fw fa-italic" data-no-preview="true" data-toggle="true"
+                        data-customize-css-property="italic"
+                        data-selector-text="a:not(.btn), a.btn.btn-link"
+                        data-css-property="font-style"/>
             <we-button title="Underline" class="fa fa-fw fa-underline" data-no-preview="true" data-toggle="true"
                         data-customize-css-property="underline"
                         data-selector-text="a:not(.btn), a.btn.btn-link"
@@ -703,6 +719,9 @@
             <we-button data-apply-button-size="btn-md">Medium</we-button>
             <we-button data-apply-button-size="btn-lg">Large</we-button>
         </we-select>
+        <we-row string="Font Family" class="o_we_sublevel_1">
+            <we-fontfamilypicker data-selector-text="a.btn.btn-primary, a.btn.btn-outline-primary, a.btn.btn-fill-primary"/>
+        </we-row>
         <we-row string="Border" class="o_we_sublevel_1">
             <we-input data-customize-css-property=""
                         data-css-property="border-width"
@@ -750,6 +769,9 @@
             <we-button data-apply-button-size="btn-md">Medium</we-button>
             <we-button data-apply-button-size="btn-lg">Large</we-button>
         </we-select>
+        <we-row string="Font Family" class="o_we_sublevel_1">
+            <we-fontfamilypicker data-selector-text="a.btn.btn-secondary, a.btn.btn-outline-secondary, a.btn.btn-fill-secondary"/>
+        </we-row>
         <we-row string="Border" class="o_we_sublevel_1">
             <we-input data-customize-css-property=""
                         data-css-property="border-width"
diff --git a/addons/mass_mailing/views/themes_templates.xml b/addons/mass_mailing/views/themes_templates.xml
index e0e36268f07..29382a1ff1d 100644
--- a/addons/mass_mailing/views/themes_templates.xml
+++ b/addons/mass_mailing/views/themes_templates.xml
@@ -24,6 +24,9 @@
             p, p > *, li, li > * {
                 color: #6c757d;
             }
+            a:not(.btn), a.btn.btn-link {
+                font-weight: bolder;
+            }
             hr {
                 border-top-color: #ced4da !important;
             }