From: Robert Kaiser <kairo@kairo.at>
Date: Thu, 16 Feb 2017 00:55:17 +0000 (+0100)
Subject: also add width for close-icon and override all those definitions for tab close buttons
X-Git-Tag: LCARStrek-2.48^0
X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=710194f17c12f1767ef0ad8ffe1c46860bc70b78;ds=sidebyside

also add width for close-icon and override all those definitions for tab close buttons
---

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 2212fea4..dbee9673 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -3046,19 +3046,29 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 
 /* Tab close button */
 .tab-close-button {
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+  list-style-image: url("chrome://global/skin/icons/close-button.gif") !important;
+  -moz-image-region: auto !important;
 }
 
 .tab-close-button:hover,
 .tab-close-button:hover[selected="true"] {
-  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif") !important;
+  -moz-image-region: auto !important;
 }
 
 .tab-close-button:hover:active,
 .tab-close-button:hover:active[selected="true"] {
-  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif") !important;
+  -moz-image-region: auto !important;
 }
 
+.tab-close-button > .button-icon,
+.tab-close-button > .button-box > .button-icon,
+.tab-close-button > .toolbarbutton-icon {
+  width: auto !important;
+}
+
+
 /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
 
 .tabbrowser-arrowscrollbox > .scrollbutton-up,
diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index aefaa0d9..53cf677c 100644
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -390,3 +390,9 @@ popupnotificationcontent {
 .close-icon:hover:active {
   -moz-image-region: rect(0, 32px, 16px, 16px);
 }
+
+.close-icon > .button-icon,
+.close-icon > .button-box > .button-icon,
+.close-icon > .toolbarbutton-icon {
+  width: 16px;
+}