Bug 1535130 - Don't show breakpoint line when focused on close button r=jlast
authorDavid Walsh <davidwalsh83@gmail.com>
Thu, 14 Mar 2019 20:30:28 +0000
changeset 521982 c0613d0cb732
parent 521981 33f142760b69
child 521983 5ce27c44f79e
push id10870
push usernbeleuzu@mozilla.com
push dateFri, 15 Mar 2019 20:00:07 +0000
treeherdermozilla-beta@c594aee5b7a4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjlast
bugs1535130
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1535130 - Don't show breakpoint line when focused on close button r=jlast Differential Revision: https://phabricator.services.mozilla.com/D23409
devtools/client/debugger/new/dist/debugger.css
devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
--- a/devtools/client/debugger/new/dist/debugger.css
+++ b/devtools/client/debugger/new/dist/debugger.css
@@ -3174,17 +3174,18 @@ html .breakpoints-list .breakpoint.pause
 
 .breakpoints-list .breakpoint .breakpoint-line {
   font-size: 11px;
   color: var(--theme-comment);
   min-width: 16px;
   text-align: end;
 }
 
-.breakpoints-list .breakpoint:hover .breakpoint-line {
+.breakpoints-list .breakpoint:hover .breakpoint-line,
+.breakpoints-list .breakpoint-line-close:focus-within .breakpoint-line {
   color: transparent;
 }
 
 .breakpoints-list .breakpoint.paused:hover {
   border-color: var(--breakpoint-active-color-hover);
 }
 
 .breakpoints-list .breakpoint-label {
@@ -4003,18 +4004,16 @@ html[dir="rtl"] .event-listeners-content
 	margin-inline-start: 0px;
 	margin-top: 0px;
 	margin-bottom: 0px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
-
-
 .scopes-content .toggle-map-scopes {
   border-bottom: 1px solid var(--theme-splitter-color);
   margin-bottom: 3px;
   margin-left: 10px;
   padding: 0.5em 0;
 }
 
 .scopes-content .toggle-map-scopes input {
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
@@ -130,17 +130,18 @@ html .breakpoints-list .breakpoint.pause
 
 .breakpoints-list .breakpoint .breakpoint-line {
   font-size: 11px;
   color: var(--theme-comment);
   min-width: 16px;
   text-align: end;
 }
 
-.breakpoints-list .breakpoint:hover .breakpoint-line {
+.breakpoints-list .breakpoint:hover .breakpoint-line,
+.breakpoints-list .breakpoint-line-close:focus-within .breakpoint-line {
   color: transparent;
 }
 
 .breakpoints-list .breakpoint.paused:hover {
   border-color: var(--breakpoint-active-color-hover);
 }
 
 .breakpoints-list .breakpoint-label {