Tweak newtab button style + more consistent use of -moz-box surrogate

numirias · Sep 4, 2018 · d190ccb · d190ccb
1 parent d804349
commit d190ccb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/background.js b/src/background.js
@@ -185,7 +185,7 @@ function makeDynamicSheet(options) {
       --paxmod-max-tab-size: ${options.maxTabSize}px;
       --paxmod-font-family: ${options.fontFamily};
       --paxmod-display-version: ${options.displayVersion ? 'block' : 'none'};
-      --paxmod-display-newtab: ${options.displayNewtab ? 'block' : 'none'};
+      --paxmod-display-newtab: ${options.displayNewtab ? '-webkit-box' : 'none'};
       --paxmod-titlebar-display: ${options.displayTitlebar ? '-webkit-box' : 'none'};
       --paxmod-titlebar-min-height: ${options.displayTitlebar ? 'var(--undefined)' : '0px'};
       --paxmod-titlebar-visibility: ${options.displayTitlebar ? 'visible' : 'hidden'};

diff --git a/src/browser.css b/src/browser.css
@@ -126,7 +126,8 @@
     padding: 0 !important;
     margin: 0 !important;
     border: none !important;
-    display: var(--paxmod-display-newtab);
+    display: var(--paxmod-display-newtab) !important;
+    align-self: flex-end;
 }
 
 #tabbrowser-tabs .tabs-newtab-button .toolbarbutton-icon {
@@ -262,8 +263,8 @@
 
 .tabbrowser-tab:hover .tab-close-button {
     /* We'd want display: -moz-box, but the property isn't accepted in FF>=63,
-     * so achieve the effect with inherit */
-    display: inherit !important;
+     * so achieve the effect with -webkit-box */
+    display: -webkit-box !important;
 }
 
 .tabbrowser-tab[pinned]:hover .tab-close-button {