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 226082 7f0e90fc4932de7e942d93f492f9818590a15719
parent 226081 f108844f33acfb4af7e8f378be7c6a1b82815e4e
child 226083 1b52d3719b7f25ca1448cd44ccc2f7b3306e7c36
push id32
push userbmcbride@mozilla.com
push dateSun, 09 Nov 2014 12:47:32 +0000
reviewersMattN
bugs1093870
milestone36.0a1
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] {