Prevent users selecting elements of the UI that shouldn't be selectable. Fixes #1976

web/pgadmin/about/templates/about/index.html

@@ -1,28 +1,29 @@
-<div class="row">
-    <div class="col-sm-3"><b>{{ _('Version') }}</b></div>
-    <div class="col-sm-9">{{ config.APP_VERSION }}</div>
+<div class="enable-selection">
+    <div class="row">
+        <div class="col-sm-3"><b>{{ _('Version') }}</b></div>
+        <div class="col-sm-9">{{ config.APP_VERSION }}</div>
+    </div>
+    <div class="row">
+        <div class="col-sm-3"><b>{{ _('Copyright') }}</b></div>
+        <div class="col-sm-9">{{ config.APP_COPYRIGHT }}</div>
+    </div>
+    <div class="row">
+        <div class="col-sm-3"><b>{{ _('Python Version') }}</b></div>
+        <div class="col-sm-9">{{ info.python_version }}</div>
+    </div>
+    <div class="row">
+        <div class="col-sm-3"><b>{{ _('Flask Version') }}</b></div>
+        <div class="col-sm-9">{{ info.flask_version }}</div>
+    </div>
+    <div class="row">
+        <div class="col-sm-3"><b>{{ _('Application Mode') }}</b></div>
+        <div class="col-sm-9">{{ info.app_mode }}</div>
+    </div>
+    <div class="row">
+        <div class="col-sm-3"><b>{{ _('Current User') }}</b></div>
+        <div class="col-sm-9">{{ info.current_user }}</div>
+    </div>
 </div>
-<div class="row">
-    <div class="col-sm-3"><b>{{ _('Copyright') }}</b></div>
-    <div class="col-sm-9">{{ config.APP_COPYRIGHT }}</div>
-</div>
-<div class="row">
-    <div class="col-sm-3"><b>{{ _('Python Version') }}</b></div>
-    <div class="col-sm-9">{{ info.python_version }}</div>
-</div>
-<div class="row">
-    <div class="col-sm-3"><b>{{ _('Flask Version') }}</b></div>
-    <div class="col-sm-9">{{ info.flask_version }}</div>
-</div>
-<div class="row">
-    <div class="col-sm-3"><b>{{ _('Application Mode') }}</b></div>
-    <div class="col-sm-9">{{ info.app_mode }}</div>
-</div>
-<div class="row">
-    <div class="col-sm-3"><b>{{ _('Current User') }}</b></div>
-    <div class="col-sm-9">{{ info.current_user }}</div>
-</div>
-
 <div class="row">
     <div class="col-sm-3 pull-right"><img
             src="{{ url_for('static', filename='img/logo-right-128.png') }}"

web/pgadmin/static/css/overrides.css

@@ -1450,3 +1450,18 @@ table.backgrid {
 .backgrid td.editor input[type=password]::-ms-clear {
   display: none;
 }
+
+/* Disable text selection where not wanted */
+body {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.enable-selection, .form-control, .backgrid td {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}

web/pgadmin/tools/debugger/static/css/debugger.css

@@ -77,4 +77,8 @@
     overflow: auto;
     height: 100%;
     font-size: 0.925em;
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text;
 }

web/pgadmin/tools/sqleditor/static/css/sqleditor.css

@@ -105,6 +105,10 @@
   overflow: auto;
   height: 100%;
   font-size: 0.925em;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
 }
 
 .limit-enabled {