Bug 1254444 - Frame component should react to being focused by displaying a legible color in the memory tool. r=fitzgen
authorJordan Santell <jsantell@mozilla.com>
Wed, 09 Mar 2016 23:28:46 -0800
changeset 325903 f7abc73ebddbff1d47753051faafda94c61916c3
parent 325902 2e1a666a0c23397465b8c9e2fdcc846ca8ee13e4
child 325904 5b2dc63c466a8a37141096d5e1c61250d47fac0f
push id6048
push userkmoir@mozilla.com
push dateMon, 06 Jun 2016 19:02:08 +0000
treeherdermozilla-beta@46d72a56c57d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersfitzgen
bugs1254444
milestone48.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 1254444 - Frame component should react to being focused by displaying a legible color in the memory tool. r=fitzgen
devtools/client/themes/components-frame.css
--- a/devtools/client/themes/components-frame.css
+++ b/devtools/client/themes/components-frame.css
@@ -8,24 +8,16 @@
  * Styles for React component at `devtools/client/shared/components/frame.js`
  */
 
 .frame-link {
   margin-left: 7px;
   display: flex;
 }
 
-.focused .frame-link-filename,
-.focused .frame-link-column,
-.focused .frame-link-line,
-.focused .frame-link-host,
-.focused .frame-link-colon {
-  color: var(--theme-selection-color);
-}
-
 .frame-link .frame-link-filename {
   text-overflow: ellipsis;
   overflow: hidden;
   flex: 1;
   text-align: right;
   /* overrides styling some tools have with anchors */
   text-decoration: none;
   font-style: normal;
@@ -49,8 +41,17 @@
 }
 
 .frame-link .frame-link-column,
 .frame-link .frame-link-line,
 .frame-link .frame-link-colon {
   color: var(--theme-highlight-orange);
   display: block;
 }
+
+.focused a.frame-link-filename,
+.focused span.frame-link-filename,
+.focused .frame-link-column,
+.focused .frame-link-line,
+.focused .frame-link-host,
+.focused .frame-link-colon {
+  color: var(--theme-selection-color);
+}