From 58e865ee9ff44657eccfe8555102fccbc922adb8 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 28 May 2021 12:02:47 +0900 Subject: [PATCH] Add: Photon like Tab Height --- userChrome.css | 27 ++++++++++++++++++++------- 1 file changed, 20 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index be2ada5..c4d8560 100644 --- a/userChrome.css +++ b/userChrome.css @@ -96,17 +96,30 @@ --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ } - .toolbar-items, .tabbrowser-tab { - max-height: 38px; + /* Toolbar Height */ + #TabsToolbar * { + max-height: 34px !important; } - :root[uidensity=compact] .toolbar-items, .tabbrowser-tab { - max-height: 36px; + :root[uidensity=compact] #TabsToolbar * { + max-height: 30px !important; } - :root[uidensity=touch] .toolbar-items, .tabbrowser-tab { - max-height: unset; + :root[uidensity=touch] #TabsToolbar * { + max-height: 42px !important; } - :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox { + /* Top Margin */ + .tab-background, .tab-content { + margin-top: 0 !important; + } + + /* New Tab Icon - Size Fix */ + root:not([uidensity=rootuidensitytouch]) #tabs-newtab-button > .toolbarbutton-icon { + padding-top: 8px !important; + padding-bottom: 8px !important; + } + + /* Scroll Button - Size Fix */ + :root #tabbrowser-arrowscrollbox { --scrollbtn-vertical-padding: 3px; } #scrollbutton-up,