From 7d5575882e331b1f3d63a4f9e0e4d6644772af89 Mon Sep 17 00:00:00 2001
From: Matt Gibson <mgibson@bitwarden.com>
Date: Wed, 8 May 2024 11:34:07 -0400
Subject: [PATCH] Allow selecting of version numbers for copy-pasting in issues
 (#9078)

* Allow selecting of version numbers for copy-pasting in issues

* Simplify user-select override

Expands selectable area to labels of versions
---
 apps/browser/src/popup/scss/misc.scss                       | 4 ++++
 .../src/tools/popup/settings/about/about.component.html     | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/browser/src/popup/scss/misc.scss b/apps/browser/src/popup/scss/misc.scss
index c106931c1f..61f22be9ef 100644
--- a/apps/browser/src/popup/scss/misc.scss
+++ b/apps/browser/src/popup/scss/misc.scss
@@ -424,6 +424,10 @@ img,
 .modal-title,
 .overlay-container {
   user-select: none;
+
+  &.user-select {
+    user-select: auto;
+  }
 }
 
 app-about .modal-body > *,
diff --git a/apps/browser/src/tools/popup/settings/about/about.component.html b/apps/browser/src/tools/popup/settings/about/about.component.html
index e68a664ba7..bad39a53d3 100644
--- a/apps/browser/src/tools/popup/settings/about/about.component.html
+++ b/apps/browser/src/tools/popup/settings/about/about.component.html
@@ -5,7 +5,7 @@
   <div bitDialogTitle>Bitwarden</div>
   <div bitDialogContent>
     <p>&copy; Bitwarden Inc. 2015-{{ year }}</p>
-    <p>{{ "version" | i18n }}: {{ version$ | async }}</p>
+    <p class="user-select">{{ "version" | i18n }}: {{ version$ | async }}</p>
     <ng-container *ngIf="data$ | async as data">
       <p *ngIf="data.isCloud">
         {{ "serverVersion" | i18n }}: {{ data.serverConfig?.version }}
@@ -16,7 +16,7 @@
 
       <ng-container *ngIf="!data.isCloud">
         <ng-container *ngIf="data.serverConfig.server">
-          <p>
+          <p class="user-select">
             {{ "serverVersion" | i18n }} <small>({{ "thirdParty" | i18n }})</small>:
             {{ data.serverConfig?.version }}
             <span *ngIf="!data.serverConfig.isValid()">
@@ -28,7 +28,7 @@
           </div>
         </ng-container>
 
-        <p *ngIf="!data.serverConfig.server">
+        <p class="user-select" *ngIf="!data.serverConfig.server">
           {{ "serverVersion" | i18n }} <small>({{ "selfHostedServer" | i18n }})</small>:
           {{ data.serverConfig?.version }}
           <span *ngIf="!data.serverConfig.isValid()">