From f3c52ef056cbfff8640315ad012e01e429084a1e Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 5 Sep 2021 15:31:34 +0900 Subject: [PATCH] Fix: Global Menu - white space on top #211 Since the Layoutshift phenomenon does not occur in Linux, I will change it to be applied only to Windows. --- userChrome.css | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/userChrome.css b/userChrome.css index ed2058b..1303258 100644 --- a/userChrome.css +++ b/userChrome.css @@ -887,17 +887,21 @@ /*= Global Menu - Set Padding ==============================================*/ /* Prevent layout shifts */ - #toolbar-menubar { - display: flex !important; - flex-direction: row; - justify-content: space-between; - } - #toolbar-menubar > spacer { - order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ - flex: 1; /* Fill row */ - } - #toolbar-menubar > .titlebar-buttonbox-container { - order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + @media (-moz-os-version: windows-win7), + (-moz-os-version: windows-win8), + (-moz-os-version: windows-win10) { + #toolbar-menubar { + display: flex !important; + flex-direction: row; + justify-content: space-between; + } + #toolbar-menubar > spacer { + order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + flex: 1; /* Fill row */ + } + #toolbar-menubar > .titlebar-buttonbox-container { + order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + } } /* Vertical Align - Center & Height: 100% */