Bug 1224115 - Tweak storage inspector styling for filtering functionality. r=mikeratcliffe
authorTim Nguyen <ntim.bugs@gmail.com>
Tue, 01 Mar 2016 16:57:48 +0100
changeset 322566 b8ef51241262420f7894536e92464e351c14ed66
parent 322565 3e7920e7ba9bbe93f2e89cf051452d6953b31514
child 322567 bf4ae14158c32f9f9001218ea9948ccef9ffda66
push id5913
push userjlund@mozilla.com
push dateMon, 25 Apr 2016 16:57:49 +0000
treeherdermozilla-beta@dcaf0a6fa115 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmikeratcliffe
bugs1224115
milestone47.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 1224115 - Tweak storage inspector styling for filtering functionality. r=mikeratcliffe MozReview-Commit-ID: DqYLekvlMgH
devtools/client/themes/widgets.css
--- a/devtools/client/themes/widgets.css
+++ b/devtools/client/themes/widgets.css
@@ -1141,30 +1141,34 @@
   position: sticky;
   top: 0;
   width: 100%;
   margin: 0;
   padding: 5px 0 0 !important;
   color: inherit;
   text-align: center;
   font-weight: inherit !important;
-  border-bottom-width: 0 !important;
-  border-image: linear-gradient(transparent 15%, var(--theme-splitter-color) 15%, var(--theme-splitter-color) 85%, transparent 85%) 1 1;
+  border-image: linear-gradient(transparent 15%,
+                                var(--theme-splitter-color) 15%,
+                                var(--theme-splitter-color) 85%,
+                                transparent 85%,
+                                transparent calc(100% - 1px),
+                                var(--theme-splitter-color) calc(100% - 1px)) 1 1;
   background-repeat: no-repeat;
 }
 
 .table-widget-column-header:not([sorted]):hover {
   background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1));
 }
 
 .table-widget-column-header[sorted] {
   background-color: var(--theme-selection-background);
   color: var(--theme-selection-color);
   border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1;
-  box-shadow: -0.5px 0 0 0.5px var(--theme-splitter-color);
+  box-shadow: -0.5px -0.5px 0 0.5px var(--theme-splitter-color);
   background-position: right 6px center;
 }
 
 .table-widget-column-header[sorted]:-moz-locale-dir(rtl) {
   background-position: 6px center;
 }
 
 .table-widget-column-header[sorted=ascending] {
@@ -1184,24 +1188,16 @@
   -moz-user-focus: normal;
   color: var(--theme-body-color);
 }
 
 .table-widget-cell[hidden] {
   display: none;
 }
 
-.table-widget-column-header + .table-widget-cell {
-  border-top: 1px solid var(--theme-splitter-color);
-}
-
-.table-widget-cell:last-child {
-  border-bottom: 1px solid var(--table-splitter-color);
-}
-
 :root:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
 .table-widget-cell:not(.theme-selected)[odd] {
   background: var(--table-zebra-background);
 }
 
 :root:not(.no-animate) .table-widget-cell.flash-out {
   animation: flash-out 0.5s ease-in;
 }