From cc1fd6eec537535fd897d422af96ebc9e81d744f Mon Sep 17 00:00:00 2001 From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com> Date: Sun, 14 Mar 2021 17:10:05 +0800 Subject: [PATCH] fixed squashed titlebar buttons on windows --- chrome/tabbar/EdgeStyleTabShadow.css | 2 +- chrome/tabbar/tabbar.css | 2 ++ chrome/userChrome.css | 47 +++++++++++----------------- 3 files changed, 21 insertions(+), 30 deletions(-) diff --git a/chrome/tabbar/EdgeStyleTabShadow.css b/chrome/tabbar/EdgeStyleTabShadow.css index 8fb5b5c..3740c24 100644 --- a/chrome/tabbar/EdgeStyleTabShadow.css +++ b/chrome/tabbar/EdgeStyleTabShadow.css @@ -30,7 +30,7 @@ #TabsToolbar-customization-target > toolbarbutton { transform: translateY(8px) !important; } -#TabsToolbar toolbarbutton, #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up), #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down), #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { +#TabsToolbar toolbarbutton:not(.titlebar-button), #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up), #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down), #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { margin-top: 10px !important; margin-bottom: 0 !important; } \ No newline at end of file diff --git a/chrome/tabbar/tabbar.css b/chrome/tabbar/tabbar.css index 27a90ce..9ea4313 100644 --- a/chrome/tabbar/tabbar.css +++ b/chrome/tabbar/tabbar.css @@ -105,6 +105,7 @@ font-size: 12px !important; background: 0 !important; border: 0 !important; + padding: 0 !important; } .tabbrowser-tab[visuallyselected] @@ -230,6 +231,7 @@ background-color 0s var(--tab-transition-duration) var(--ease-basic) !important; opacity: var(--tab-opacity) !important; visibility: visible !important; + margin: 0 !important; } /* rounded bottom corners */ diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 364914b..50da355 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -9,35 +9,6 @@ @import "findbar/findbar.css"; @import "tabbar/EdgeStyleTabShadow.css"; -/* Small Tweaks to make it look more like Edge */ - -/* Swap Account icon and Overflow icon (Must be placed next to each other) */ -/* -@media (min-width: 687px) { - #nav-bar-overflow-button { - transform: translateX(-44px); - } - #fxa-toolbar-menu-button { - transform: translateX(44px); - } -} -*/ - -/* Replace Firefox identity icon with Edge */ -/* -#identity-icon-label -{ - display: none !important; -} -#identity-box.chromeUI[pageproxystate="valid"]::after { - content: "Edge"; - padding-inline-start: 8px; -} -#identity-icon { - list-style-image: url("icons/edge.svg") !important; -} -*/ - #urlbarView-row-162, #urlbarView-row-19, #urlbar .urlbarView .search-one-offs, /* Hide search engine selector on the urlbar dropdown */ #context-sendpagetodevice, #context-sep-sendpagetodevice, /* Hide send page to device menu */ #permissions-granted-icon, #appMenu-fxa-status, toolbarseparator.sync-ui-item, #appMenu-protection-report-button, #appMenu-tp-separator, /* Hide Account and protection dashboard from menu */ @@ -45,3 +16,21 @@ { display: none !important; } + +/* Swap Account icon and Overflow icon (Must be placed next to each other) */ +/* +@media (min-width: 687px) { + #nav-bar-overflow-button { transform: translateX(-44px); } + #fxa-toolbar-menu-button { transform: translateX(44px); } +} +*/ + +/* Replace Firefox identity icon with Edge */ +/* +#identity-icon-label { display: none !important; } +#identity-box.chromeUI[pageproxystate="valid"]::after { content: "Edge"; padding-inline-start: 8px; } +#identity-icon { list-style-image: url("icons/edge.svg") !important; } +*/ + +/* Changelog (DD/MM) */ +/* 14-03 / Titlebar buttons no longer squashed on windows */ \ No newline at end of file