From 4b3bed78e915c098e3cfe54bb7b863d29c1469df Mon Sep 17 00:00:00 2001
From: Elisabeth Dickinson <edi@odoo.com>
Date: Wed, 15 Jun 2022 11:18:15 +0200
Subject: [PATCH] [IMP] odoo_theme: improve URL stylings

- Remove external-link icon on images.
- Remove underline from external-link icon on link hover.
- Add overflow-wrap on URLs on mobile.

X-original-commit: 91cb3ca026bb29db8b3cfc45bad22b036835e9fb
---
 extensions/odoo_theme/static/style.scss | 28 ++++++++++++++++++-------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index f32249ccc..1d28cebd0 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -12,15 +12,27 @@ div[aria-label="related navigation"] {
 
 body {
     position: relative;
-    a:not(:hover), a.o_logo {
-        text-decoration: none !important;
-    }
+    a {
+        @include media-breakpoint-down(lg) {
+            overflow-wrap: anywhere;
+        }
 
-    a.external:after {
-        content: '#{$i-external-link}';
-        font-family: icomoon, sans-serif !important;
-        @include font-size($font-size-base/1.3);
-        margin: 0 .2rem;
+        &:not(:hover), &.o_logo {
+            text-decoration: none !important;
+        }
+
+        &:hover {
+            text-underline-position: from-font;
+        }
+
+        &.external {
+            &:not(.image-reference):after {
+                content: '#{$i-external-link}';
+                font-family: icomoon, sans-serif !important;
+                @include font-size($font-size-base/1.3);
+                margin: 0 .2rem;
+            }
+        }
     }
 
     dd {