[IMP] web: update to fontawesome 4.7.0 to 5.11.2

FontAwesome 5 introduced new names for some icons as described on
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4#name-changes

This commit replaces the old names to the new ones.

closes odoo/odoo#35826

Taskid: 2050241
Related: odoo/enterprise#5180
Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>

1 files changed, 19 insertions, 18 deletions

diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index 6e29659612c..6b598536d34 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -167,8 +167,7 @@ font[class*='bg-'] {
 }
 
 // Icons
-.fa {
-    font-family: "FontAwesome" !important;
+.fa, .far, .fas, .fab {
     $size: 3rem;
 
     &.rounded-circle,
@@ -492,14 +491,16 @@ table.table_desc tr td {
             outline: none;
             &:before {
                 content:'\f056';
-                font-family: 'FontAwesome';
+                font-family: 'Font Awesome 5 Free';
                 display: inline-block;
                 margin: 0 .5em 0 .75em;
                 color: $gray-600;
+                font-weight: 900;
             }
             &.collapsed:before {
                 content:'\f055';
-                font-family: 'FontAwesome';
+                font-family: 'Font Awesome 5 Free';
+                font-weight: 900;
             }
             &:hover,
             &:focus {
@@ -541,7 +542,7 @@ table.table_desc tr td {
         background-image: none;
         color: $body-color;
         &:before {
-            font-family: "FontAwesome";
+            font-family: "Font Awesome 5 Free";
             display: inline-block;
             background-color: #fff;
         }
@@ -570,6 +571,7 @@ table.table_desc tr td {
             font-size: 2rem;
             color: #fff;
             text-shadow: $box-shadow-sm;
+            font-weight: 900;
         }
         // Indicators
         .carousel-indicators li {
@@ -1023,28 +1025,27 @@ table.table_desc tr td {
 // Rating
 .s_rating {
     $star: "\f005";
-    $star-o: "\f006";
     $circle: "\f111";
-    $circle-o: "\f10c";
     $heart: "\f004";
-    $heart-o: "\f08a";
-    @mixin s_rating_generate_icons($off, $on) {
+    @mixin s_rating_generate_icons($icon) {
         .fa:before {
-            content: $off;
+            content: $icon;
+            font-weight: 400;
         }
         @for $counter from 5 to 0 {
             &.s_rating_#{$counter} {
                 .fa:nth-of-type(-n+#{$counter}):before {
-                    content: $on;
+                    content: $icon;
+                    font-weight: 900;
                 }
             }
         }
     }
-    > .s_rating_stars   { @include s_rating_generate_icons($star-o, $star);     }
-    > .s_rating_squares { @include s_rating_generate_icons($circle-o, $circle); }
-    > .s_rating_hearts  { @include s_rating_generate_icons($heart-o, $heart);   }
+    > .s_rating_stars   { @include s_rating_generate_icons($star); }
+    > .s_rating_squares { @include s_rating_generate_icons($circle); }
+    > .s_rating_hearts  { @include s_rating_generate_icons($heart); }
     > .s_rating_bar {
-        .fa {
+        .fa, .far, .fas, .fab {
             display: none;
         }
         .s_rating_bar {
@@ -1071,9 +1072,9 @@ table.table_desc tr td {
             }
         }
     }
-    > .s_rating_1x { .fa { font-size: 1em; }; }
-    > .s_rating_2x { .fa { font-size: 2em; }; }
-    > .s_rating_3x { .fa { font-size: 3em; }; }
+    > .s_rating_1x { .fa, .far, .fas, .fab { font-size: 1em; }; }
+    > .s_rating_2x { .fa, .far, .fas, .fab { font-size: 2em; }; }
+    > .s_rating_3x { .fa, .far, .fas, .fab { font-size: 3em; }; }
 }
 
 //