[IMP] design: add an icon behind external links

The external links' target attribute is now also updated to open the
link in a new tab. In addition, the "[source]" link of autodoc's models
is moved right next to the name of the model to correctly position the
icon.

task-2790244

closes #2207

X-original-commit: 343decf
Signed-off-by: Antoine Vandevenne (anv) <[email protected]>
Co-authored-by: Antoine Vandevenne (anv) <[email protected]>

Author: edi-odoo

extensions/odoo_theme/static/fonts/icomoon.eot

@@ -3,10 +3,15 @@
     document.addEventListener('DOMContentLoaded', function () {
         const content = document.getElementById('o_content');
 
-        // Enforce the presence of the `img-fluid` class on all images in the body
+        // Enforce the presence of the `img-fluid` class on all images in the body.
         content.querySelectorAll('img').forEach(image => {
             image.classList.add('img-fluid');
         });
+
+        // Make all external links open in a new tab by default.
+        content.querySelectorAll('a.external').forEach(externalLink => {
+            externalLink.setAttribute('target', '_blank');
+        })
     });
 
 })();

extensions/odoo_theme/static/fonts/icomoon.svg

@@ -57,6 +57,11 @@
     content: $i-link;
   }
 }
+.i-external-link {
+  &:before {
+    content: $i-external-link;
+  }
+}
 .i-websites {
   &:before {
     content: $i-websites;
@@ -416,4 +421,4 @@
   &:before {
     content: $i-article;
   }
-}
+}

extensions/odoo_theme/static/fonts/icomoon.ttf

@@ -84,6 +84,7 @@ $i-chevron-down: "\e949";
 $i-chevron-left: "\e94a";
 $i-chevron-right: "\e94b";
 $i-link: "\e94f";
+$i-external-link: "\e940";
 $i-websites: "\e944";
 $i-sales: "\e953";
 $i-sales_2: "\e931";

extensions/odoo_theme/static/fonts/icomoon.woff

@@ -15,6 +15,13 @@ body {
         text-decoration: none !important;
     }
 
+    a.external:after {
+        content: '#{$i-external-link}';
+        font-family: icomoon, sans-serif !important;
+        @include font-size($font-size-base/1.3);
+        margin: 0 .2rem;
+    }
+
     dd {
         margin-left: 1rem;
     }
@@ -36,6 +43,10 @@ body {
     display: none !important;
     opacity: 0 !important;
 }
+
+span.viewcode-link {
+    float: none;
+}
 //------------------------------------------------------------------------------
 // Header with logo, searchbar and switchers
 //------------------------------------------------------------------------------