SONAR-8548 Workaround Edge bug when copying token

diff --git a/server/sonar-web/src/main/js/apps/account/templates/account-tokens.hbs b/server/sonar-web/src/main/js/apps/account/templates/account-tokens.hbs
index 53c0d18271cea8e07aac4a4ed03aa566216a8527..cb8ef24cd8811e642c60911ed4930816f1f9b39c 100644 (file)
--- a/server/sonar-web/src/main/js/apps/account/templates/account-tokens.hbs
+++ b/server/sonar-web/src/main/js/apps/account/templates/account-tokens.hbs
@@ -72,7 +72,7 @@
           <button class="js-copy-to-clipboard" data-clipboard-text="{{newToken.token}}">Copy</button>
         </td>
         <td class="nowrap">
-          <code class="text-success">{{newToken.token}}</code>
+          <div class="monospaced text-success">{{newToken.token}}</div>
         </td>
       </tr>
     </table>

diff --git a/server/sonar-web/src/main/less/init/type.less b/server/sonar-web/src/main/less/init/type.less
index dc62037b49e5afd65aeaab32fa05c36e287f93bf..d090e8ebcc34291df698e89733db0d0aa76ff8f2 100644 (file)
--- a/server/sonar-web/src/main/less/init/type.less
+++ b/server/sonar-web/src/main/less/init/type.less
@@ -132,3 +132,12 @@ small,
 .text-warning { .text-emphasis-variant(@orange); }
 .text-info    { .text-emphasis-variant(@blue); }
 .text-success { .text-emphasis-variant(@green); }
+
+
+// Font
+
+.monospaced {
+  line-height: @monoLineHeight;
+  font-family: @monoFontFamily;
+  font-size: @monoFontSize;
+}