From 5e6bfdc9971e5518753210f20025926d736d221f Mon Sep 17 00:00:00 2001
From: Jonathan Kingston <jkt@mozilla.com>
Date: Thu, 3 Aug 2017 18:22:29 +0100
Subject: [PATCH] Bug 1387117 - Fix containers highlight for square tabs to be
an underline. r=dao
MozReview-Commit-ID: L5YLL7qCRfv
--HG--
extra : rebase_source : 42180d9d07b3198b56723a34836a4d9177c822b9
---
browser/base/content/tabbrowser.xml | 2 ++
.../contextualidentity/content/usercontext.css | 11 +++++++----
2 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/browser/base/content/tabbrowser.xml b/browser/base/content/tabbrowser.xml
index ce1b547f9c535..4062bfe50b68e 100644
--- a/browser/base/content/tabbrowser.xml
+++ b/browser/base/content/tabbrowser.xml
@@ -7340,6 +7340,8 @@
class="tab-background">
<xul:hbox xbl:inherits="selected=visuallyselected"
class="tab-line"/>
+ <xul:spacer flex="1"/>
+ <xul:hbox class="tab-bottom-line"/>
</xul:vbox>
<xul:hbox xbl:inherits="pinned,selected=visuallyselected,titlechanged,attention"
class="tab-content" align="center">
diff --git a/browser/components/contextualidentity/content/usercontext.css b/browser/components/contextualidentity/content/usercontext.css
index c95fba53933f3..540c1f9ced3b0 100644
--- a/browser/components/contextualidentity/content/usercontext.css
+++ b/browser/components/contextualidentity/content/usercontext.css
@@ -100,10 +100,13 @@
-moz-box-align: center;
}
-.tabbrowser-tab[usercontextid] {
- background-image: linear-gradient(to right, transparent 20%, var(--identity-tab-color) 30%, var(--identity-tab-color) 70%, transparent 80%);
- background-size: auto 2px;
- background-repeat: no-repeat;
+.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
+ background: linear-gradient(to right, transparent 10%, var(--identity-tab-color) 10%, var(--identity-tab-color) 90%, transparent 90%);
+ height: 2px;
+}
+
+.tabbrowser-tab[pinned][usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
+ background: linear-gradient(to right, transparent 30%, var(--identity-tab-color) 30%, var(--identity-tab-color) 70%, transparent 70%);
}
.userContext-icon,
--
GitLab