Bug 1093870 - Make the pinned tab glow pretty on dev edition, r=MattN
authorVictor Porof <vporof@mozilla.com>
Fri, 07 Nov 2014 15:39:04 -0500
changeset 214675 7f0e90fc4932de7e942d93f492f9818590a15719
parent 214674 f108844f33acfb4af7e8f378be7c6a1b82815e4e
child 214676 1b52d3719b7f25ca1448cd44ccc2f7b3306e7c36
push id27791
push userkwierso@gmail.com
push dateSat, 08 Nov 2014 01:43:47 +0000
treeherdermozilla-central@b7f2bf6856a2 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersMattN
bugs1093870
milestone36.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 1093870 - Make the pinned tab glow pretty on dev edition, r=MattN
browser/themes/shared/devedition.inc.css
--- a/browser/themes/shared/devedition.inc.css
+++ b/browser/themes/shared/devedition.inc.css
@@ -222,16 +222,23 @@ window:not([chromehidden~="toolbar"]) #u
 .tabbrowser-tab {
   /* We normally rely on other tab elements for pointer events, but this
      theme hides those so we need it set here instead */
   pointer-events: auto;
   color: var(--tab-color);
   background-color: var(--tab-background-color);
 }
 
+.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
+  /* The -2px in `calc` is the height of `tabToolbarNavbarOverlap` plus a 1px offset from the center */
+  background-image: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, rgba(0,0,0,0.4) 16%, rgba(29,79,115,0) 70%);
+  background-position: center;
+  background-size: 100%;
+}
+
 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover,
 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover,
 .tabbrowser-tab:hover {
   background-color: var(--tab-hover-background-color);
   color: var(--tab-hover-color);
 }
 
 .tabbrowser-tab[selected] {