From 19de3aaa1694989aef11c671d9298758be6ba856 Mon Sep 17 00:00:00 2001 From: Zonnev Date: Fri, 29 Nov 2024 14:39:48 +0100 Subject: [PATCH] Adjusted sidebar settings boxes --- Private Mode Style/userChrome.css | 22 ++++++++++++++++++++-- Titlebar Enabled/userChrome.css | 25 ++++++++++++++++++++++--- base.css | 25 ++++++++++++++++++++++--- 3 files changed, 64 insertions(+), 8 deletions(-) diff --git a/Private Mode Style/userChrome.css b/Private Mode Style/userChrome.css index ff91eeb..ce8dad6 100644 --- a/Private Mode Style/userChrome.css +++ b/Private Mode Style/userChrome.css @@ -650,7 +650,8 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt #nav-bar #tabs-newtab-button .toolbarbutton-icon { margin: 0px 0px 0px 0px !important; } -#tabs-newtab-button .toolbarbutton-icon { +#tabs-newtab-button .toolbarbutton-icon, +#vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%23333333' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='%23333333' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; width: 28px !important; height: 28px !important; @@ -857,6 +858,22 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt align-items: stretch !important; } } +#sidebar-box { + @media (-moz-bool-pref: "sidebar.revamp") { + margin: 0px 1px !important; + padding-block-end: 0px !important; + padding-inline-end: 0px !important; + padding-block-start: 0px !important; + padding-inline-start: 0px !important; + } +} +#sidebar { + @media (-moz-bool-pref: "sidebar.revamp") { + border-radius: 0px !important; + box-shadow: none !important; + border: none !important; + } +} /* make tab-content align to left again for vertical expanded tabs */ #tabbrowser-tabs[orient="vertical"][expanded] .tab-content:not([pinned]) { @@ -1410,7 +1427,8 @@ scrollbox > toolbarbutton > .toolbarbutton-text { #new-tab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } -#tabs-newtab-button .toolbarbutton-icon { +#tabs-newtab-button .toolbarbutton-icon, +#vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } #TabsToolbar .tab-close-button { diff --git a/Titlebar Enabled/userChrome.css b/Titlebar Enabled/userChrome.css index 0dcec08..8edfc24 100644 --- a/Titlebar Enabled/userChrome.css +++ b/Titlebar Enabled/userChrome.css @@ -949,7 +949,8 @@ toolbarpaletteitem > #stop-reload-button { #nav-bar #tabs-newtab-button .toolbarbutton-icon { margin: 0px 0px 0px 0px !important; } -#tabs-newtab-button .toolbarbutton-icon { +#tabs-newtab-button .toolbarbutton-icon, +#vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%23333333' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='%23333333' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; width: 28px !important; height: 28px !important; @@ -1160,6 +1161,22 @@ toolbarpaletteitem > #stop-reload-button { align-items: stretch !important; } } +#sidebar-box { + @media (-moz-bool-pref: "sidebar.revamp") { + margin: 0px 1px !important; + padding-block-end: 0px !important; + padding-inline-end: 0px !important; + padding-block-start: 0px !important; + padding-inline-start: 0px !important; + } +} +#sidebar { + @media (-moz-bool-pref: "sidebar.revamp") { + border-radius: 0px !important; + box-shadow: none !important; + border: none !important; + } +} /* make tab-content align to left again for vertical expanded tabs */ #tabbrowser-tabs[orient="vertical"][expanded] .tab-content:not([pinned]) { @@ -1706,7 +1723,8 @@ toolbar:not(#PersonalToolbar):not(#TabsToolbar) .toolbarbutton-1:not([disabled=" #new-tab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } -#tabs-newtab-button .toolbarbutton-icon { +#tabs-newtab-button .toolbarbutton-icon, +#vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } #new-tab-button:-moz-any([open], [checked], :active) .toolbarbutton-icon, @@ -2022,7 +2040,8 @@ private browsing #main-window[privatebrowsingmode="temporary"] #new-tab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } -#main-window[privatebrowsingmode="temporary"] #tabs-newtab-button .toolbarbutton-icon { +#main-window[privatebrowsingmode="temporary"] #tabs-newtab-button .toolbarbutton-icon, +#main-window[privatebrowsingmode="temporary"] #vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } #main-window[privatebrowsingmode="temporary"] #new-tab-button:-moz-any([open], [checked], :active) .toolbarbutton-icon, diff --git a/base.css b/base.css index 38e6025..ae16272 100644 --- a/base.css +++ b/base.css @@ -943,7 +943,8 @@ toolbarpaletteitem > #stop-reload-button { #nav-bar #tabs-newtab-button .toolbarbutton-icon { margin: 0px 0px 0px 0px !important; } -#tabs-newtab-button .toolbarbutton-icon { +#tabs-newtab-button .toolbarbutton-icon, +#vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%23333333' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='%23333333' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; width: 28px !important; height: 28px !important; @@ -1154,6 +1155,22 @@ toolbarpaletteitem > #stop-reload-button { align-items: stretch !important; } } +#sidebar-box { + @media (-moz-bool-pref: "sidebar.revamp") { + margin: 0px 1px !important; + padding-block-end: 0px !important; + padding-inline-end: 0px !important; + padding-block-start: 0px !important; + padding-inline-start: 0px !important; + } +} +#sidebar { + @media (-moz-bool-pref: "sidebar.revamp") { + border-radius: 0px !important; + box-shadow: none !important; + border: none !important; + } +} /* make tab-content align to left again for vertical expanded tabs */ #tabbrowser-tabs[orient="vertical"][expanded] .tab-content:not([pinned]) { @@ -1702,7 +1719,8 @@ toolbar:not(#PersonalToolbar):not(#TabsToolbar) .toolbarbutton-1:not([disabled=" #new-tab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } -#tabs-newtab-button .toolbarbutton-icon { +#tabs-newtab-button .toolbarbutton-icon, +#vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } #new-tab-button:-moz-any([open], [checked], :active) .toolbarbutton-icon, @@ -2027,7 +2045,8 @@ private browsing #main-window[privatebrowsingmode="temporary"] #new-tab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } -#main-window[privatebrowsingmode="temporary"] #tabs-newtab-button .toolbarbutton-icon { +#main-window[privatebrowsingmode="temporary"] #tabs-newtab-button .toolbarbutton-icon, +#main-window[privatebrowsingmode="temporary"] #vertical-tabs-newtab-button .toolbarbutton-icon { list-style-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg color='%235b5b5b' transform='translate%28-293 -117%29'%3E%3Cpath d='M300 120v4h-4v2h4v4h2v-4h4v-2h-4v-4z' fill='rgb(255, 255, 255)' overflow='visible' style='marker:none'/%3E%3C/g%3E%3C/svg%3E") !important; } #main-window[privatebrowsingmode="temporary"] #new-tab-button:-moz-any([open], [checked], :active) .toolbarbutton-icon,