DevTools: Move checkbox title element into Shadow DOM

third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 20 matching lines @@
     padding: 3px 8px 3px 8px;
     min-height: 18px;
     line-height: 15px;
     border-top: 1px solid #efefef;
 }
 
 .breakpoint-entry [is=dt-checkbox] {
     max-width: 100%;
 }
 
-.breakpoint-entry .dt-checkbox-text {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
+.breakpoint-entry label {
+     white-space: nowrap;
 }
 
 :not(.breakpoints-list-deactivated) > .breakpoint-entry:hover {
     background-color: #eee;
 }
 
 .breakpoint-entry > .source-text {
     cursor: pointer;
     text-overflow: ellipsis;
     overflow: hidden;
@@ skipping 77 matching lines @@
 }
 
 .dom-breakpoints-list > li {
     display: flex;
 }
 
 .dom-breakpoints-list .dom-breakpoint > div {
     overflow: hidden;
     text-overflow: ellipsis;
 }