Bug 1462237 - Prevent text selection in application panel;r=ladybenko
authorJulian Descottes <jdescottes@mozilla.com>
Fri, 25 May 2018 15:45:57 +0200
changeset 801180 879d8652dde31332ea2e867fa6186a62994c3c14
parent 801179 27562071aaaa1175d70a03bc2f9214fee7e22829
child 801181 9e1a3230d085fb9c158a08b25227178f42ec823f
push id111603
push usermozilla@kaply.com
push dateTue, 29 May 2018 22:12:07 +0000
reviewersladybenko
bugs1462237
milestone62.0a1
Bug 1462237 - Prevent text selection in application panel;r=ladybenko MozReview-Commit-ID: HwDlHZp0Po4
devtools/client/application/src/components/App.css
devtools/client/application/src/components/Worker.css
devtools/client/application/src/components/Worker.js
--- a/devtools/client/application/src/components/App.css
+++ b/devtools/client/application/src/components/App.css
@@ -46,16 +46,17 @@ a.disabled:visited {
  *  +---------------------------------------------+
  *  |                     Link to about:debugging |
  *  +---------------------------------------------+
  */
 .application {
   height: 100vh;
   padding: 0 2rem;
   display: grid;
+  -moz-user-select: none;
 }
 
 .application--empty {
   align-items: center;
   justify-content: center;
 }
 
 .application:not(.application--empty) {
--- a/devtools/client/application/src/components/Worker.css
+++ b/devtools/client/application/src/components/Worker.css
@@ -45,16 +45,21 @@
 
 .worker__scope {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
+.worker__scope,
+.worker__source-url {
+  -moz-user-select: text;
+}
+
 .worker__meta-name {
   color: var(--grey-50);
   padding-inline-start: 4.5rem;
 }
 
 .worker__data {
   display: grid;
   grid-template-columns: auto 1fr;
--- a/devtools/client/application/src/components/Worker.js
+++ b/devtools/client/application/src/components/Worker.js
@@ -153,17 +153,17 @@ class Worker extends Component {
         section(
           { className: "worker__controls" },
           unregisterButton),
       ),
       dl(
         { className: "worker__data" },
         dt({ className: "worker__meta-name" }, "Source"),
         dd({},
-            span({ title: worker.scope, className: "js-source-url" },
+            span({ title: worker.scope, className: "worker__source-url js-source-url" },
               this.formatSource(worker.url)),
             debugLink,
             lastUpdated ? br({}) : null,
             lastUpdated ? lastUpdated : null),
         dt({ className: "worker__meta-name" }, "Status"),
         dd({},
           Strings.GetStringFromName(status).toLowerCase(),
           startLink)