From 9f12ff23cc1b7389aa8bb51ab9c4c54445e2cf3f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 25 May 2023 23:25:19 +0900 Subject: [PATCH 01/27] Fix: Padding - Tabbar width calc jitter #643 --- css/leptonChrome.css | 4 ++-- src/padding/_tabbar_width.scss | 5 +++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index e42bea0..51695b4 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3430,12 +3430,12 @@ @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") { .tabbrowser-tab { - padding-inline: 1px !important; + margin-inline: -1px !important; } } @supports not -moz-bool-pref("userChrome.tabbar.multi_row") { #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { - margin-inline-end: -1px !important; + margin-inline-end: -2px !important; } } } diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index 5535a03..9f89021 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -92,12 +92,13 @@ @include NotOption("userChrome.tab.photon_like_padding") { @include Option("userChrome.tab.lepton_like_padding") { .tabbrowser-tab { - padding-inline: 1px !important; + // Original: padding-inline 2px, margin-inline 0px #643 + margin-inline: -1px !important; } } @include NotOption("userChrome.tabbar.multi_row") { #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { - margin-inline-end: -1px !important; + margin-inline-end: -2px !important; } } } From 396f06b45c4bf33fd2b68ddf86373395b95b4401 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 28 May 2023 23:55:00 +0900 Subject: [PATCH 02/27] Fix: Padding - Overflow tabbar margin #643 --- css/leptonChrome.css | 5 ++++- src/padding/_tabbar_width.scss | 7 ++++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 51695b4..e5c2c69 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3429,7 +3429,10 @@ /* neighbouring tabs should "pinch" together */ @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") { - .tabbrowser-tab { + .tabbrowser-tab[pinned] { + padding-inline: 1px !important; + } + .tabbrowser-tab:not([pinned]) { margin-inline: -1px !important; } } diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index 9f89021..1a805b8 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -93,7 +93,12 @@ @include Option("userChrome.tab.lepton_like_padding") { .tabbrowser-tab { // Original: padding-inline 2px, margin-inline 0px #643 - margin-inline: -1px !important; + &[pinned] { + padding-inline: 1px !important; + } + &:not([pinned]) { + margin-inline: -1px !important; + } } } @include NotOption("userChrome.tabbar.multi_row") { From d09500fb9304a2b88e7843db450fc89a6939fa7b Mon Sep 17 00:00:00 2001 From: 2641a40fd44383320adde4b027a1d0b03bd550 <58827198+2641a40fd44383320adde4b027a1d0b03bd550@users.noreply.github.com> Date: Thu, 1 Jun 2023 09:06:16 +0000 Subject: [PATCH 03/27] Fix: Rounding - New migration wizard also move the dialog rule to a separate file --- css/leptonChrome.css | 11 ++++++----- css/leptonContent.css | 18 ++++++++---------- src/contents/_rounding.scss | 12 ------------ src/leptonContent.scss | 4 ++++ src/rounding/_dialog.scss | 5 +++++ src/rounding/_index.scss | 1 + src/rounding/_square.scss | 6 ------ 7 files changed, 24 insertions(+), 33 deletions(-) create mode 100644 src/rounding/_dialog.scss diff --git a/css/leptonChrome.css b/css/leptonChrome.css index e5c2c69..482fc4b 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3174,11 +3174,6 @@ --tab-border-radius: var(--toolbarbutton-border-radius); } } -@supports -moz-bool-pref("userChrome.rounding.square_dialog") { - .dialogBox { - border-radius: 0 !important; - } -} @supports -moz-bool-pref("userChrome.rounding.square_panel") { :root { --arrowpanel-border-radius: 0 !important; @@ -3245,6 +3240,12 @@ border-radius: 0 !important; } } +@supports -moz-bool-pref("userChrome.rounding.square_dialog") { + dialog, + .dialogBox { + border-radius: 0 !important; + } +} /*= Library ==============================================================*/ @supports -moz-bool-pref("userChrome.rounding.square_button") { #placesToolbar > toolbarbutton, diff --git a/css/leptonContent.css b/css/leptonContent.css index d342475..5049a6e 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -2834,21 +2834,11 @@ } } @supports -moz-bool-pref("userChrome.rounding.square_dialog") { - @-moz-document url-prefix("about:") { - .dialogBox { - border-radius: 0 !important; - } - } @-moz-document url("about:home"), url("about:newtab") { .modal { border-radius: 0 !important; } } - @-moz-document regexp(".*.pdf$") { - dialog { - border-radius: 0 !important; - } - } } @supports -moz-bool-pref("userChrome.rounding.square_checklabel") { @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") @@ -2945,6 +2935,14 @@ } } } +@-moz-document url-prefix("about:"), regexp(".*.pdf$") { + @supports -moz-bool-pref("userChrome.rounding.square_dialog") { + dialog, + .dialogBox { + border-radius: 0 !important; + } + } +} @-moz-document url("chrome://browser/content/places/places.xhtml") { /*= Library ==============================================================*/ diff --git a/src/contents/_rounding.scss b/src/contents/_rounding.scss index e6db50b..28beaed 100644 --- a/src/contents/_rounding.scss +++ b/src/contents/_rounding.scss @@ -49,23 +49,11 @@ } @include Option("userChrome.rounding.square_dialog") { - @include moz-document(url-prefix "about:") { - .dialogBox { - border-radius: 0 !important; - } - } - @include moz-document(url "about:home", url "about:newtab") { .modal { border-radius: 0 !important; } } - - @include moz-document(regexp ".*\.pdf$") { - dialog { - border-radius: 0 !important; - } - } } @include Option("userChrome.rounding.square_checklabel") { diff --git a/src/leptonContent.scss b/src/leptonContent.scss index 1c85784..6c64317 100644 --- a/src/leptonContent.scss +++ b/src/leptonContent.scss @@ -39,6 +39,10 @@ /** Rounding ******************************************************************/ @import "contents/rounding"; +@include moz-document(url-prefix "about:", regexp ".*\.pdf$") { + @import "rounding/dialog"; +} + // Put here to include library as a tab @include moz-document(url "chrome://browser/content/places/places.xhtml") { @import "rounding/library"; diff --git a/src/rounding/_dialog.scss b/src/rounding/_dialog.scss new file mode 100644 index 0000000..cd67b76 --- /dev/null +++ b/src/rounding/_dialog.scss @@ -0,0 +1,5 @@ +@include Option("userChrome.rounding.square_dialog") { + dialog, .dialogBox { + border-radius: 0 !important; + } +} diff --git a/src/rounding/_index.scss b/src/rounding/_index.scss index 577efc6..6bfaa25 100644 --- a/src/rounding/_index.scss +++ b/src/rounding/_index.scss @@ -1,5 +1,6 @@ /** Rounding ******************************************************************/ @import "square"; +@import "dialog"; @import "library"; /* diff --git a/src/rounding/_square.scss b/src/rounding/_square.scss index 75afd69..8151c24 100644 --- a/src/rounding/_square.scss +++ b/src/rounding/_square.scss @@ -38,12 +38,6 @@ } } -@include Option("userChrome.rounding.square_dialog") { - .dialogBox { - border-radius: 0 !important; - } -} - @include Option("userChrome.rounding.square_panel") { :root { --arrowpanel-border-radius: 0 !important; From 5e1bf1a1f3d7df8192e35da36a9139e07dc1bb90 Mon Sep 17 00:00:00 2001 From: 2641a40fd44383320adde4b027a1d0b03bd550 <58827198+2641a40fd44383320adde4b027a1d0b03bd550@users.noreply.github.com> Date: Thu, 1 Jun 2023 10:41:36 +0000 Subject: [PATCH 04/27] Fix: Rounding - New migration wizard menu popup --- css/leptonContent.css | 1 + src/contents/_rounding.scss | 1 + 2 files changed, 2 insertions(+) diff --git a/css/leptonContent.css b/css/leptonContent.css index 5049a6e..02ccc11 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -2887,6 +2887,7 @@ @supports -moz-bool-pref("userChrome.rounding.square_menupopup") { @-moz-document url-prefix("about:"), url-prefix("chrome://") { + panel, menupopup { --panel-border-radius: 0 !important; } diff --git a/src/contents/_rounding.scss b/src/contents/_rounding.scss index 28beaed..7b59098 100644 --- a/src/contents/_rounding.scss +++ b/src/contents/_rounding.scss @@ -113,6 +113,7 @@ @include Option("userChrome.rounding.square_menupopup") { @include moz-document(url-prefix "about:", url-prefix "chrome://") { + panel, menupopup { --panel-border-radius: 0 !important; } From 643a8ad291f57bf75ef29234540e0068eac62ef7 Mon Sep 17 00:00:00 2001 From: 2641a40fd44383320adde4b027a1d0b03bd550 <58827198+2641a40fd44383320adde4b027a1d0b03bd550@users.noreply.github.com> Date: Thu, 1 Jun 2023 11:10:58 +0000 Subject: [PATCH 05/27] Fix: Rounding - Clear history infobox from menu bar --- css/leptonChrome.css | 5 +++++ src/rounding/_square.scss | 6 ++++++ 2 files changed, 11 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 482fc4b..c23423c 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3199,6 +3199,11 @@ border-radius: 0 !important; } } +@supports -moz-bool-pref("userChrome.rounding.square_infobox") { + #sanitizeEverythingWarningBox { + border-radius: 0 !important; + } +} @supports -moz-bool-pref("userChrome.rounding.square_toolbar") { :root { --uc-rounding-toolbar: 0; diff --git a/src/rounding/_square.scss b/src/rounding/_square.scss index 8151c24..5722402 100644 --- a/src/rounding/_square.scss +++ b/src/rounding/_square.scss @@ -65,6 +65,12 @@ } } +@include Option("userChrome.rounding.square_infobox") { + #sanitizeEverythingWarningBox { + border-radius: 0 !important; + } +} + @include Option("userChrome.rounding.square_toolbar") { :root { --uc-rounding-toolbar: 0; From 59735caaa2a7d04bdf39fc9749ba7b67d0fbc30d Mon Sep 17 00:00:00 2001 From: 2641a40fd44383320adde4b027a1d0b03bd550 <58827198+2641a40fd44383320adde4b027a1d0b03bd550@users.noreply.github.com> Date: Thu, 1 Jun 2023 11:41:11 +0000 Subject: [PATCH 06/27] Fix: Rounding - Firefox View infoboxes --- css/leptonContent.css | 9 +++++++++ src/contents/_rounding.scss | 10 ++++++++++ 2 files changed, 19 insertions(+) diff --git a/css/leptonContent.css b/css/leptonContent.css index 02ccc11..910320f 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -2935,6 +2935,15 @@ border-radius: 0 !important; } } + @-moz-document url-prefix("about:firefoxview") { + .card, + .card::before, + .empty-container, + .synced-tab-a, + .synced-tab-li-placeholder { + border-radius: 0 !important; + } + } } @-moz-document url-prefix("about:"), regexp(".*.pdf$") { @supports -moz-bool-pref("userChrome.rounding.square_dialog") { diff --git a/src/contents/_rounding.scss b/src/contents/_rounding.scss index 7b59098..1056498 100644 --- a/src/contents/_rounding.scss +++ b/src/contents/_rounding.scss @@ -169,4 +169,14 @@ border-radius: 0 !important; } } + + @include moz-document(url-prefix "about:firefoxview") { + .card, + .card::before, // .zap-card border + .empty-container, + .synced-tab-a, + .synced-tab-li-placeholder { + border-radius: 0 !important; + } + } } From 9f3d5c3c567b943ad4c7983e76ee086d889f77ac Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 3 Jun 2023 16:01:13 +0900 Subject: [PATCH 07/27] Fix: Icons - Translate and help switch device in FFv115 #709 --- css/leptonChrome.css | 6 ++++++ src/icons/_panel.scss | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index c23423c..0237deb 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -10201,6 +10201,9 @@ #appMenu-find-button2 { list-style-image: url("chrome://global/skin/icons/search-glass.svg"); } + #appMenu-translate-button { + list-style-image: url(chrome://browser/skin/translations.svg); + } #appMenu-zoom-controls2::before, #appMenu-zoom-controls::before { content: url("../icons/screenshot.svg"); @@ -10439,6 +10442,9 @@ #appMenu_menu_HelpPopup_reportPhishingtoolmenu { list-style-image: url("chrome://global/skin/icons/warning.svg"); } + #appMenu_helpSwitchDevice { + list-style-image: url("../icons/add-device.svg"); + } #appMenu_aboutName { list-style-image: url("chrome://global/skin/icons/info.svg"); } diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss index c8f00a1..007de7d 100644 --- a/src/icons/_panel.scss +++ b/src/icons/_panel.scss @@ -95,6 +95,9 @@ #appMenu-find-button2 { list-style-image: url("chrome://global/skin/icons/search-glass.svg"); } + #appMenu-translate-button { + list-style-image: url(chrome://browser/skin/translations.svg); + } #appMenu-zoom-controls2::before, /* Legacy v104 */ #appMenu-zoom-controls::before { content: url("../icons/screenshot.svg"); @@ -345,6 +348,9 @@ panelMenuBookmarkThisPage[starred] { #appMenu_menu_HelpPopup_reportPhishingtoolmenu { list-style-image: url("chrome://global/skin/icons/warning.svg"); } +#appMenu_helpSwitchDevice { + list-style-image: url("../icons/add-device.svg"); +} #appMenu_aboutName { list-style-image: url("chrome://global/skin/icons/info.svg"); } From d6a9d2200858df222c5478272f5198f5f6b7f7ed Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 4 Jun 2023 22:02:36 +0900 Subject: [PATCH 08/27] Fix: Icons - Linux's checked menu appearance #349 --- css/leptonChrome.css | 2 ++ css/leptonContent.css | 4 +++- src/icons/layout/_menu_common.scss | 2 ++ 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 0237deb..8c611a2 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -10584,6 +10584,8 @@ @supports -moz-bool-pref("userChrome.icon.menu") { menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), + menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon, #main-menubar > menu { -moz-appearance: none !important; /* Linux: menulist */ } diff --git a/css/leptonContent.css b/css/leptonContent.css index 910320f..c3a67f1 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -2987,7 +2987,9 @@ @-moz-document url("chrome://browser/content/places/places.xhtml"), url("about:downloads") { menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) { + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), + menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon { -moz-appearance: none !important; /* Linux: menulist */ } menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) diff --git a/src/icons/layout/_menu_common.scss b/src/icons/layout/_menu_common.scss index 47ede9d..36ce36c 100644 --- a/src/icons/layout/_menu_common.scss +++ b/src/icons/layout/_menu_common.scss @@ -38,6 +38,8 @@ $_initialMenus: selector.append( "menupopup menuitem, menupopup menu", ":not([type=\"checkbox\"][checked=\"true\"], [type=\"radio\"])" ); +$_initialMenus: $_initialMenus + "," + + selector.nest($_initialMenus, ".menu-iconic-icon"); @mixin _initial_menus() { -moz-appearance: none !important; /* Linux: menulist */ } From 6033545110f2828661783792bab78696a749eed1 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 5 Jun 2023 23:15:54 +0900 Subject: [PATCH 09/27] Doc: Restrictions - Mac's menu, `-moz-box` layout, floorp supports #699 #670 #710 --- docs/Restrictions.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/Restrictions.md b/docs/Restrictions.md index 6baa6a9..90518f0 100644 --- a/docs/Restrictions.md +++ b/docs/Restrictions.md @@ -40,6 +40,8 @@ Complex UI emulation is quite tricky. [[Linux's Proton UI Library Chrome](https: [Bookmark menu](https://github.com/black7375/Firefox-UI-Fix/issues/136) is also similar example([code](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L4745-L4840)). +In the case of the Mac native menu, there may be a menu that [cannot be displayed icon or added at the OS level](https://github.com/black7375/Firefox-UI-Fix/issues/699). + ### Firefox Version There may be changes that change by version of Firefox. @@ -62,6 +64,7 @@ This project is using SCSS to make a [reusable compatible mixins](../src/utils). - `:root[lwtheme-mozlightdark]` is removed [#288](https://github.com/black7375/Firefox-UI-Fix/issues/288) - `-moz-os-version` -> `-moz-platform` [#331](https://github.com/black7375/Firefox-UI-Fix/issues/331) - Breaking change with `-moz-accent-color`/`-moz-accent-color-foreground` -> `AccentColor`/`AccentColorText` [#433](https://github.com/black7375/Firefox-UI-Fix/issues/433) +- `-moz-box` to `flex` layout [670](https://github.com/black7375/Firefox-UI-Fix/issues/670) ### Side Effect Only CSS modifications can cause bugs that are hard to think of in the general web, such as the [context menu not appearing](https://github.com/black7375/Firefox-UI-Fix/issues/114). @@ -98,6 +101,7 @@ Fork browsers have a different installation location ([bash](https://github.com/ List of fork browsers supported by this project: - [Waterfox](https://www.waterfox.net/) +- [Floorp](https://floorp.app/) - [LibreWolf](https://librewolf.net/) - [Tor Browser](https://www.torproject.org/download/) - [Pulse Browser](https://pulsebrowser.app/) From 49b222e71941baf8069b09afc1a73e9a00bc4315 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 5 Jun 2023 23:40:33 +0900 Subject: [PATCH 10/27] Fix: Icons - Global menu's new device FFv115 #716 Also fix reportphishingerrortoolmenu --- css/leptonChrome.css | 6 ++++++ icons/checkmark-circle.svg | 2 +- src/icons/_global_menu.scss | 4 ++++ 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 8c611a2..35904ea 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -12158,6 +12158,12 @@ #menu_HelpPopup_reportPhishingtoolmenu { --menuitem-image: url("chrome://global/skin/icons/warning.svg"); } + #menu_HelpPopup_reportPhishingErrortoolmenu { + --menuitem-image: url("../icons/checkmark-circle.svg"); + } + #helpSwitchDevice { + --menuitem-image: url("../icons/add-device.svg"); + } #aboutName { --menuitem-image: url("chrome://global/skin/icons/info.svg"); } diff --git a/icons/checkmark-circle.svg b/icons/checkmark-circle.svg index accc8e0..9d498da 100644 --- a/icons/checkmark-circle.svg +++ b/icons/checkmark-circle.svg @@ -1,3 +1,3 @@ - + diff --git a/src/icons/_global_menu.scss b/src/icons/_global_menu.scss index ff6f57c..03b199d 100644 --- a/src/icons/_global_menu.scss +++ b/src/icons/_global_menu.scss @@ -322,6 +322,10 @@ menu.share-tab-url-item { --menuitem-image: url("chrome://global/skin/icons/warning.svg"); } #menu_HelpPopup_reportPhishingErrortoolmenu { + --menuitem-image: url("../icons/checkmark-circle.svg"); +} +#helpSwitchDevice { + --menuitem-image: url("../icons/add-device.svg"); } #aboutName { From 448302b48f7b58dfcdf0625d5ab91f33d47e4e6e Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 6 Jun 2023 14:51:19 +0900 Subject: [PATCH 11/27] Fix: Icons - Floorp icons #710 --- css/leptonChrome.css | 19 +++++++++++++++++-- src/icons/_index.scss | 7 ++----- src/icons/fork_browsers/_floorp.scss | 13 +++++++++++++ src/icons/fork_browsers/_index.scss | 8 ++++++++ .../{ => fork_browsers}/_tor_browser.scss | 0 src/icons/{ => fork_browsers}/_waterfox.scss | 0 6 files changed, 40 insertions(+), 7 deletions(-) create mode 100644 src/icons/fork_browsers/_floorp.scss create mode 100644 src/icons/fork_browsers/_index.scss rename src/icons/{ => fork_browsers}/_tor_browser.scss (100%) rename src/icons/{ => fork_browsers}/_waterfox.scss (100%) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 35904ea..77e0f51 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -12227,7 +12227,8 @@ } } } - /** Waterfox ******************************************************************/ + /** Icons for fork browsers ***************************************************/ + /*= Waterfox =================================================================*/ @supports -moz-bool-pref("userChrome.icon.panel") { #appMenu-restart-button { list-style-image: url("../icons/refresh-cw.svg") !important; @@ -12244,7 +12245,7 @@ --menuitem-image: url("../icons/private-favicon.svg"); } } - /** Tor Browser ***************************************************************/ + /*= Tor Browser ==============================================================*/ @supports -moz-bool-pref("userChrome.icon.panel") { #appMenuNewIdentity { list-style-image: url("chrome://browser/skin/new_identity.svg"); @@ -12267,4 +12268,18 @@ --menuitem-image: url("chrome://browser/skin/onion.svg"); } } + /*= Floorp Browser ===========================================================*/ + @supports -moz-bool-pref("userChrome.icon.panel") { + #rebootappmenu { + list-style-image: url("../icons/refresh-cw.svg"); + } + #openprofiledir { + list-style-image: url("../icons//folder.svg"); + } + } + @supports -moz-bool-pref("userChrome.icon.menu") { + #usercssloader-menu { + --menuitem-image: url("../icons/developer.svg"); + } + } } diff --git a/src/icons/_index.scss b/src/icons/_index.scss index f158aa0..38c116d 100644 --- a/src/icons/_index.scss +++ b/src/icons/_index.scss @@ -38,8 +38,5 @@ } } -/** Waterfox ******************************************************************/ -@import "waterfox"; - -/** Tor Browser ***************************************************************/ -@import "tor_browser"; +/** Icons for fork browsers ***************************************************/ +@import "fork_browsers/index"; diff --git a/src/icons/fork_browsers/_floorp.scss b/src/icons/fork_browsers/_floorp.scss new file mode 100644 index 0000000..dcd15dd --- /dev/null +++ b/src/icons/fork_browsers/_floorp.scss @@ -0,0 +1,13 @@ +@include Option("userChrome.icon.panel") { + #rebootappmenu { + list-style-image: url("../icons/refresh-cw.svg"); + } + #openprofiledir { + list-style-image: url("../icons//folder.svg"); + } +} +@include Option("userChrome.icon.menu") { + #usercssloader-menu { + --menuitem-image: url("../icons/developer.svg"); + } +} diff --git a/src/icons/fork_browsers/_index.scss b/src/icons/fork_browsers/_index.scss new file mode 100644 index 0000000..2a832db --- /dev/null +++ b/src/icons/fork_browsers/_index.scss @@ -0,0 +1,8 @@ +/*= Waterfox =================================================================*/ +@import "waterfox"; + +/*= Tor Browser ==============================================================*/ +@import "tor_browser"; + +/*= Floorp Browser ===========================================================*/ +@import "floorp"; diff --git a/src/icons/_tor_browser.scss b/src/icons/fork_browsers/_tor_browser.scss similarity index 100% rename from src/icons/_tor_browser.scss rename to src/icons/fork_browsers/_tor_browser.scss diff --git a/src/icons/_waterfox.scss b/src/icons/fork_browsers/_waterfox.scss similarity index 100% rename from src/icons/_waterfox.scss rename to src/icons/fork_browsers/_waterfox.scss From 7f70d06b805e1db091192b36affca19899e88a7a Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 6 Jun 2023 17:35:45 +0900 Subject: [PATCH 12/27] Fix: Bookmark Popup Menu - Compatibility #715 --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 1836c86..7fb4cfc 100644 --- a/userChrome.css +++ b/userChrome.css @@ -6,8 +6,8 @@ /* Enable option to edit bookmark URLs under Add Bookmark (blue star) menu */ /* - * #editBMPanel_locationRow { - * visibility: visible !important; + * .editBMPanel_locationRow { + * display: initial !important; * } */ From aaf9a1779eccf8ed85861eeb2de87cb8153659be Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 7 Jun 2023 21:08:29 +0900 Subject: [PATCH 13/27] Add: Icons - Context frame menu --- css/leptonChrome.css | 43 ++++++++++++++++++++--- src/icons/context_menu/_content_area.scss | 39 ++++++++++++++++++++ src/icons/layout/_menu.scss | 2 +- src/icons/layout/_menu_common.scss | 3 +- 4 files changed, 81 insertions(+), 6 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 77e0f51..ee3547e 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -10604,7 +10604,8 @@ menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup) + menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup, #frame + > menupopup) > menuitem, .openintabs-menuitem, #blockedPopupDontShowMessage, @@ -10660,7 +10661,8 @@ menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup) + menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup, #frame + > menupopup) > menuitem, .openintabs-menuitem, #blockedPopupDontShowMessage, @@ -10814,7 +10816,8 @@ menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup) + menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup, #frame + > menupopup) > menuitem, .openintabs-menuitem, #blockedPopupDontShowMessage, @@ -10838,7 +10841,8 @@ menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup) + menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup, #frame + > menupopup) > menuitem, .openintabs-menuitem, #blockedPopupDontShowMessage, @@ -11491,6 +11495,37 @@ --menuitem-image: url("chrome://browser/skin/bookmark.svg"); } } + /*= main-context-menu-frame ==================================================*/ + #context-showonlythisframe { + --menuitem-image: url("../icons/eye-show.svg"); + } + #context-openframeintab { + --menuitem-image: url("chrome://browser/skin/new-tab.svg"); + } + #context-openframe { + --menuitem-image: url("chrome://browser/skin/window.svg"); + } + #context-reloadframe { + --menuitem-image: url("../icons/reload.svg"); + } + #context-bookmarkframe { + --menuitem-image: url("chrome://browser/skin/bookmark.svg"); + } + #context-saveframe { + --menuitem-image: url("../icons/toolbarButton-download.svg"); + } + #context-printframe { + --menuitem-image: url("chrome://global/skin/icons/print.svg"); + } + #context-take-frame-screenshot { + --menuitem-image: url("chrome://browser/skin/screenshot.svg"); + } + #context-viewframesource { + --menuitem-image: url("../icons/document-search.svg"); + } + #context-viewframeinfo { + --menuitem-image: url("chrome://global/skin/icons/info.svg"); + } /*= Tab Mix Plus =============================================================*/ #tm-autoreload_menu { --menuitem-image: url("../icons/timer10.svg"); diff --git a/src/icons/context_menu/_content_area.scss b/src/icons/context_menu/_content_area.scss index 8f76a99..8201c05 100644 --- a/src/icons/context_menu/_content_area.scss +++ b/src/icons/context_menu/_content_area.scss @@ -265,6 +265,45 @@ } } +/*= main-context-menu-frame ==================================================*/ +#context-showonlythisframe { + --menuitem-image: url("../icons/eye-show.svg"); +} +#context-openframeintab { + --menuitem-image: url("chrome://browser/skin/new-tab.svg"); +} +#context-openframe { + --menuitem-image: url("chrome://browser/skin/window.svg"); +} + +#context-reloadframe { + --menuitem-image: url("../icons/reload.svg"); +} + +#context-bookmarkframe { + --menuitem-image: url("chrome://browser/skin/bookmark.svg"); +} +#context-saveframe{ + --menuitem-image: url("../icons/toolbarButton-download.svg"); +} + +#context-printframe { + --menuitem-image: url("chrome://global/skin/icons/print.svg"); +} + +#context-take-frame-screenshot { + --menuitem-image: url("chrome://browser/skin/screenshot.svg"); +} + +#context-viewframesource { + --menuitem-image: url("../icons/document-search.svg"); +} +#context-viewframeinfo { + --menuitem-image: url("chrome://global/skin/icons/info.svg"); +} +#context-frameOsPid { +} + /*= Tab Mix Plus =============================================================*/ #tm-autoreload_menu { // --menuitem-image: url("../icons/reload-auto.svg"); diff --git a/src/icons/layout/_menu.scss b/src/icons/layout/_menu.scss index 96e4fa8..2a390ae 100644 --- a/src/icons/layout/_menu.scss +++ b/src/icons/layout/_menu.scss @@ -6,7 +6,7 @@ $_layoutCommonMenus: ( $_iconMenuPopupMenus, $_libraryMenuitem, $_libraryMenu, - $_sendTabMenuitem, + $_otherPopupMenuitem, $_otherIconMenu, "#context_openANewTab.tabmix-newtab-menu-icon" ); diff --git a/src/icons/layout/_menu_common.scss b/src/icons/layout/_menu_common.scss index 36ce36c..1cf77e2 100644 --- a/src/icons/layout/_menu_common.scss +++ b/src/icons/layout/_menu_common.scss @@ -29,7 +29,8 @@ $_iconMenuPopupMenus: selector.nest( $_globalMenus: "#main-menubar > menu"; $_libraryMenuitem: "menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > #{$_iconMenuitem}"; $_libraryMenu: "menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > #{$_iconMenu}"; -$_sendTabMenuitem: "menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup) > menuitem"; +$_sendTabMenuPopup: "#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup"; +$_otherPopupMenuitem: "menupopup:is(#{$_sendTabMenuPopup}, #frame > menupopup) > menuitem"; $_otherIconMenu: ".openintabs-menuitem, #blockedPopupDontShowMessage, #BMB_viewBookmarksToolbar"; //-- Mixin --------------------------------------------------------------------- From 60fcecb8b1a76e3388a1c358eeab477f30bac033 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 9 Jun 2023 21:57:30 +0900 Subject: [PATCH 14/27] Fix: User Contents - "Heads up!" aligned #689 --- css/leptonContent.css | 6 ++++++ src/contents/_compatibility.scss | 5 +++++ src/leptonContent.scss | 3 +++ 3 files changed, 14 insertions(+) create mode 100644 src/contents/_compatibility.scss diff --git a/css/leptonContent.css b/css/leptonContent.css index c3a67f1..c323219 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -1,5 +1,11 @@ @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); +/** Compatibility *************************************************************/ +@-moz-document url-prefix("about:preferences") { + .content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image { + margin-inline-start: -12px !important; + } +} /** Video player **************************************************************/ /* Control Bar Size */ @supports -moz-bool-pref("userContent.player.size") { diff --git a/src/contents/_compatibility.scss b/src/contents/_compatibility.scss new file mode 100644 index 0000000..b095671 --- /dev/null +++ b/src/contents/_compatibility.scss @@ -0,0 +1,5 @@ +@include moz-document(url-prefix "about:preferences") { + .content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image { + margin-inline-start: -12px !important; + } +} diff --git a/src/leptonContent.scss b/src/leptonContent.scss index 6c64317..0ef3035 100644 --- a/src/leptonContent.scss +++ b/src/leptonContent.scss @@ -11,6 +11,9 @@ @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); +/** Compatibility *************************************************************/ +@import "contents/compatibility"; + /** Video player **************************************************************/ @import "contents/video_player"; From 1674d942b07e0663fa4801520213d02676bdddf4 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 13 Jun 2023 14:45:06 +0900 Subject: [PATCH 15/27] Fix: Tab - Replace `[first-visible-unpinned-tab]` #720 --- css/leptonChrome.css | 13 ++++++++----- src/padding/_tabbar_width.scss | 4 ++-- .../selected_tab/_bottom_rounded_corner_others.scss | 2 +- src/tab/unselected_tab/_dynamic_separator.scss | 4 ++-- 4 files changed, 13 insertions(+), 10 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index ee3547e..818c39b 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3377,14 +3377,14 @@ @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox - > .tabbrowser-tab[first-visible-unpinned-tab] { + > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { margin-inline-start: 1px !important; } } @supports -moz-bool-pref("userChrome.tab.photon_like_padding") { #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox - > .tabbrowser-tab[first-visible-unpinned-tab] { + > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { margin-inline-start: 0 !important; } } @@ -6579,7 +6579,8 @@ } #tabbrowser-tabs[positionpinnedtabs], #tabbrowser-tabs:not([overflow]) .tabbrowser-tab:first-of-type, - #tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-unpinned-tab] { + #tabbrowser-tabs[overflow] + .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { margin-left: var(--uc-tab-corner-half-size) !important; } .tabbrowser-tab:last-of-type { @@ -6782,11 +6783,13 @@ } } #navigator-toolbox:not([movingtab]) - .tabbrowser-tab[first-visible-unpinned-tab]:is([visuallyselected], [multiselected], :hover) + .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 + of + :not([pinned], [hidden]))):is([visuallyselected], [multiselected], :hover) .tab-stack::before, #navigator-toolbox:not([movingtab]) #tabbrowser-arrowscrollbox[overflowing] - tab.tabbrowser-tab[first-visible-unpinned-tab] + tab.tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) .tab-stack::before { opacity: 0 !important; } diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index 1a805b8..e33e6c5 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -42,14 +42,14 @@ @include NotOption("userChrome.tab.photon_like_padding") { #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox - > .tabbrowser-tab[first-visible-unpinned-tab] { + > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { margin-inline-start: 1px !important; } } @include Option("userChrome.tab.photon_like_padding") { #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox - > .tabbrowser-tab[first-visible-unpinned-tab] { + > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { margin-inline-start: 0 !important; } } diff --git a/src/tab/selected_tab/_bottom_rounded_corner_others.scss b/src/tab/selected_tab/_bottom_rounded_corner_others.scss index 1bb55a5..e40972a 100644 --- a/src/tab/selected_tab/_bottom_rounded_corner_others.scss +++ b/src/tab/selected_tab/_bottom_rounded_corner_others.scss @@ -218,7 +218,7 @@ #tabbrowser-tabs { &[positionpinnedtabs], &:not([overflow]) .tabbrowser-tab:first-of-type, - &[overflow] .tabbrowser-tab[first-visible-unpinned-tab] { + &[overflow] .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { margin-left: var(--uc-tab-corner-half-size) !important; } } diff --git a/src/tab/unselected_tab/_dynamic_separator.scss b/src/tab/unselected_tab/_dynamic_separator.scss index d9c4f3a..15292a9 100644 --- a/src/tab/unselected_tab/_dynamic_separator.scss +++ b/src/tab/unselected_tab/_dynamic_separator.scss @@ -96,11 +96,11 @@ } #navigator-toolbox:not([movingtab]) - .tabbrowser-tab[first-visible-unpinned-tab]:is([visuallyselected], [multiselected], :hover) + .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))):is([visuallyselected], [multiselected], :hover) .tab-stack::before, #navigator-toolbox:not([movingtab]) #tabbrowser-arrowscrollbox[overflowing] - tab.tabbrowser-tab[first-visible-unpinned-tab] + tab.tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) .tab-stack::before { opacity: 0 !important; } From a642ae19b91f98d9912c2ad9b3d065e7265d3f99 Mon Sep 17 00:00:00 2001 From: 2641a40fd44383320adde4b027a1d0b03bd550 <58827198+2641a40fd44383320adde4b027a1d0b03bd550@users.noreply.github.com> Date: Tue, 13 Jun 2023 13:31:46 +0000 Subject: [PATCH 16/27] Add: Padding - Unified extensions panel with compact mode --- css/leptonChrome.css | 3 +++ src/padding/_panel.scss | 21 ++++++++++++++------- 2 files changed, 17 insertions(+), 7 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 818c39b..5d1b682 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3936,6 +3936,9 @@ .unified-extensions-item-menu-button.subviewbutton { padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ } + :root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) { + padding-block: 0 !important; + } } @supports -moz-bool-pref("userChrome.padding.panel_header") { .panel-header { diff --git a/src/padding/_panel.scss b/src/padding/_panel.scss index 716d2c4..757c77e 100644 --- a/src/padding/_panel.scss +++ b/src/padding/_panel.scss @@ -30,11 +30,18 @@ } } -// #603 -.unified-extensions-item-menu-button.subviewbutton { - padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ +.unified-extensions-item { + // #603 + &-menu-button.subviewbutton { + padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ + } + // Or + // toolbaritem.unified-extensions-item[unified-extensions="true"] .unified-extensions-item-menu-button.subviewbutton { + // padding: var(--arrowpanel-menuitem-padding-inline) !important; + // } + + // #711 + :root[uidensity="compact"] :is(&, &-action-button) { + padding-block: 0 !important; + } } -// Or -// toolbaritem.unified-extensions-item[unified-extensions="true"] .unified-extensions-item-menu-button.subviewbutton { -// padding: var(--arrowpanel-menuitem-padding-inline) !important; -// } From 4ee131b29b5e52cd0da09cfb5a61d81838e5be9c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 15 Jun 2023 16:15:23 +0900 Subject: [PATCH 17/27] Fix: User Contents - "Heads up!" icon size #689 --- css/leptonContent.css | 4 +++- src/contents/_compatibility.scss | 4 +++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/css/leptonContent.css b/css/leptonContent.css index c323219..a40de0a 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -3,7 +3,9 @@ /** Compatibility *************************************************************/ @-moz-document url-prefix("about:preferences") { .content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image { - margin-inline-start: -12px !important; + margin-inline-start: -7px !important; + margin-inline-end: 8px !important; + width: 20px !important; } } /** Video player **************************************************************/ diff --git a/src/contents/_compatibility.scss b/src/contents/_compatibility.scss index b095671..6b5ab3e 100644 --- a/src/contents/_compatibility.scss +++ b/src/contents/_compatibility.scss @@ -1,5 +1,7 @@ @include moz-document(url-prefix "about:preferences") { .content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image { - margin-inline-start: -12px !important; + margin-inline-start: -7px !important; + margin-inline-end: 8px !important; // Original: 6px + width: 20px !important; // ESR(102): 16px, Nightly(116): 27px } } From ee2123f1b7f6758d9c193036560e3b33759813c2 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 16 Jun 2023 23:56:14 +0900 Subject: [PATCH 18/27] Doc: Remove unneed full stop. --- docs/README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/README.md b/docs/README.md index 3174acb..d82589f 100644 --- a/docs/README.md +++ b/docs/README.md @@ -71,23 +71,23 @@ yarn validate ``` ### Project Structure -- [Doc: Project\_Structure.md](./Project_Structure.md). +- [Doc: Project\_Structure.md](./Project_Structure.md) ### Rules This is a rough guideline. (Not forced) -- [Doc: Rules.md](./Rules.md). +- [Doc: Rules.md](./Rules.md) ## Advanced Customizing ### Smart Bookmarks -- [Doc: Smart_Bookmarks.md](./Smart_Bookmarks.md). +- [Doc: Smart_Bookmarks.md](./Smart_Bookmarks.md) ### Policies - [Support Mozilla: Policies overview](https://support.mozilla.org/en-US/products/firefox-enterprise/policies-customization-enterprise/policies-overview-enterprise) - [Policy Templates](https://github.com/mozilla/policy-templates) ### Preference -- [Doc: Preference.md](./Preference.md). +- [Doc: Preference.md](./Preference.md) ## User Custom CSS ### Basics @@ -117,4 +117,4 @@ Advanced CSS keywords: - [UDN: Mozilla CSS extensions](https://udn.realityripple.com/docs/Web/CSS/Mozilla_Extensions) ### Restrictions -- [Doc: Restrictions.md](./Restrictions.md). +- [Doc: Restrictions.md](./Restrictions.md) From 594a4f3b804eeb3630f7708949aaf1fcf55ddf76 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 17 Jun 2023 18:57:36 +0900 Subject: [PATCH 19/27] Fix: UserContents - Nightly experiments align & separator #722 --- css/leptonContent.css | 18 ++++++++++++++++++ src/contents/_compatibility.scss | 24 ++++++++++++++++++++++++ 2 files changed, 42 insertions(+) diff --git a/css/leptonContent.css b/css/leptonContent.css index a40de0a..7f8395e 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -7,6 +7,24 @@ margin-inline-end: 8px !important; width: 20px !important; } + #pane-experimental-search-results-header, + #pane-experimental-subtitle { + min-height: 27px !important; + padding-inline-start: 35px !important; + } + #firefoxExperimentalCategory:not([hidden="true"]) { + display: inline-block; + } + #firefoxExperimentalCategory > label { + float: left; + } + #firefoxExperimentalCategory > hbox { + transform: translateY(5px); + } + #pane-experimental-featureGates > html|p[data-l10n-id="pane-experimental-description2"] { + border-bottom: 1px solid var(--in-content-border-color); + padding-bottom: 1.5em; + } } /** Video player **************************************************************/ /* Control Bar Size */ diff --git a/src/contents/_compatibility.scss b/src/contents/_compatibility.scss index 6b5ab3e..7eb4710 100644 --- a/src/contents/_compatibility.scss +++ b/src/contents/_compatibility.scss @@ -4,4 +4,28 @@ margin-inline-end: 8px !important; // Original: 6px width: 20px !important; // ESR(102): 16px, Nightly(116): 27px } + + #pane-experimental-search-results-header, + #pane-experimental-subtitle { + min-height: 27px !important; // Original: 30px + padding-inline-start: 35px !important; + } + + // Align & Separator #722 + #firefoxExperimentalCategory { + &:not([hidden="true"]) { + display: inline-block; + } + + > label { + float: left; + } + > hbox { + transform: translateY(5px); + } + } + #pane-experimental-featureGates > html|p[data-l10n-id="pane-experimental-description2"] { + border-bottom: 1px solid var(--in-content-border-color); + padding-bottom: 1.5em; + } } From 3221e18c91b5a1d0236e82835b821d0d4e3d3381 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 17 Jun 2023 19:43:46 +0900 Subject: [PATCH 20/27] Add: Icons - Floorp menus #710 --- css/leptonChrome.css | 17 +++++++++++++++++ src/icons/fork_browsers/_floorp.scss | 21 +++++++++++++++++++++ 2 files changed, 38 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 5d1b682..be6017f 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -12322,5 +12322,22 @@ #usercssloader-menu { --menuitem-image: url("../icons/developer.svg"); } + #toggle_statusBar { + --menuitem-image: url("../icons/pulse-square.svg"); + } + #muteMenu { + --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); + stroke: transparent !important; + } + #unloadWebpanelMenu { + --menuitem-image: url("../icons/tab-unload.svg"); + } + #changeUAWebpanelMenu { + --menuitem-image: url("chrome://devtools/skin/images/command-responsivemode.svg"); + fill-opacity: 0; + } + #deleteWebpanelMenu { + --menuitem-image: url("chrome://global/skin/icons/delete.svg"); + } } } diff --git a/src/icons/fork_browsers/_floorp.scss b/src/icons/fork_browsers/_floorp.scss index dcd15dd..0b9f576 100644 --- a/src/icons/fork_browsers/_floorp.scss +++ b/src/icons/fork_browsers/_floorp.scss @@ -2,6 +2,7 @@ #rebootappmenu { list-style-image: url("../icons/refresh-cw.svg"); } + #openprofiledir { list-style-image: url("../icons//folder.svg"); } @@ -10,4 +11,24 @@ #usercssloader-menu { --menuitem-image: url("../icons/developer.svg"); } + + #toggle_statusBar { + --menuitem-image: url("../icons/pulse-square.svg"); + } + + // Sidebar + #muteMenu { + --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); + stroke: transparent !important; + } + #unloadWebpanelMenu { + --menuitem-image: url("../icons/tab-unload.svg"); + } + #changeUAWebpanelMenu { + --menuitem-image: url("chrome://devtools/skin/images/command-responsivemode.svg"); + fill-opacity: 0; + } + #deleteWebpanelMenu { + --menuitem-image: url("chrome://global/skin/icons/delete.svg"); + } } From 3058069e0ae76614ffbd1cb166997ec79807a078 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 17 Jun 2023 21:29:50 +0900 Subject: [PATCH 21/27] Fix: Tab Bar - Floorp vertical tabbar supports #710 --- css/leptonChrome.css | 6 +++++- src/tab/_connect_to_window.scss | 5 ++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index be6017f..61c7f74 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6097,8 +6097,12 @@ /** Tab UI ********************************************************************/ /*= Tab - Connect to window ==============================================*/ @supports -moz-bool-pref("userChrome.tab.connect_to_window") { + #tabbrowser-tabs[orient="vertical"] { + --uc-tab-border-bottom-radius: var(--tab-border-radius); + } .tab-background { - border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important; + border-radius: var(--tab-border-radius) var(--tab-border-radius) var(--uc-tab-border-bottom-radius, 0px) + var(--uc-tab-border-bottom-radius, 0px) !important; margin-bottom: 0px !important; } .tab-content { diff --git a/src/tab/_connect_to_window.scss b/src/tab/_connect_to_window.scss index bf4b9da..641130a 100644 --- a/src/tab/_connect_to_window.scss +++ b/src/tab/_connect_to_window.scss @@ -1,5 +1,8 @@ +#tabbrowser-tabs[orient="vertical"] { + --uc-tab-border-bottom-radius: var(--tab-border-radius); +} .tab-background { - border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important; + border-radius: var(--tab-border-radius) var(--tab-border-radius) var(--uc-tab-border-bottom-radius, 0px) var(--uc-tab-border-bottom-radius, 0px) !important; margin-bottom: 0px !important; } From ef4f3145fd741978d659947ea9fc451aa6036cd9 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 18 Jun 2023 02:05:09 +0900 Subject: [PATCH 22/27] Fix: Panel - All tabs menu arrow align #717 --- css/leptonChrome.css | 3 +++ src/compatibility/_theme.scss | 3 +++ 2 files changed, 6 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 61c7f74..2268d86 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -55,6 +55,9 @@ menu.subviewbutton { padding-inline-end: 0 !important; } + #allTabsMenu-allTabsView .subviewbutton.subviewbutton-nav:not([shortcut]) { + padding-inline-end: var(--arrowpanel-menuitem-padding-inline) !important; + } /*= Icon Fill Color ==========================================================*/ :root:-moz-lwtheme { /* Auto create --lwt-toolbarbutton-icon-fill-attention, fix for nightly default theme diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss index 331a8a2..94de9e9 100644 --- a/src/compatibility/_theme.scss +++ b/src/compatibility/_theme.scss @@ -30,6 +30,9 @@ menu.subviewbutton { padding-inline-end: 0 !important; } +#allTabsMenu-allTabsView .subviewbutton.subviewbutton-nav:not([shortcut]) { + padding-inline-end: var(--arrowpanel-menuitem-padding-inline) !important; // #717 +} /*= Icon Fill Color ==========================================================*/ :root:-moz-lwtheme { From a6082bd643ace8cd0760ae424ade8e00edc2758e Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 18 Jun 2023 02:25:42 +0900 Subject: [PATCH 23/27] Fix: UserContent - Tools for all add-ons size #695 --- css/leptonContent.css | 6 ++++++ src/contents/_compatibility.scss | 8 ++++++++ 2 files changed, 14 insertions(+) diff --git a/css/leptonContent.css b/css/leptonContent.css index 7f8395e..6de2e10 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -26,6 +26,12 @@ padding-bottom: 1.5em; } } +@-moz-document url-prefix("about:addons") { + #updates-message + .page-options-menu > .more-options-button { + box-sizing: content-box; + padding: 0 !important; + } +} /** Video player **************************************************************/ /* Control Bar Size */ @supports -moz-bool-pref("userContent.player.size") { diff --git a/src/contents/_compatibility.scss b/src/contents/_compatibility.scss index 7eb4710..d9863f1 100644 --- a/src/contents/_compatibility.scss +++ b/src/contents/_compatibility.scss @@ -29,3 +29,11 @@ padding-bottom: 1.5em; } } + +// #695 +@include moz-document(url-prefix "about:addons") { + #updates-message + .page-options-menu > .more-options-button { + box-sizing: content-box; + padding: 0 !important; + } +} From 15871dc7c642122cfd45f04be28a2c46aa9e4a11 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 18 Jun 2023 18:12:32 +0900 Subject: [PATCH 24/27] Fix: Padding - Suppress jitter when using Panorama Tab Groups #643 --- css/leptonChrome.css | 5 +++++ src/padding/_tabbar_width.scss | 4 ++++ 2 files changed, 9 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 2268d86..99533a2 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3436,6 +3436,11 @@ max-width: var(--tab-max-width) !important; /* Original: 225px */ } /* neighbouring tabs should "pinch" together */ + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #tabbrowser-arrowscrollbox + > #tabbrowser-arrowscrollbox-periphery { + min-width: 1px; + } @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") { .tabbrowser-tab[pinned] { diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index e33e6c5..cd0b851 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -89,6 +89,10 @@ } /* neighbouring tabs should "pinch" together */ +#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery { + min-width: 1px; // With Panorama Tab Groups #643 +} @include NotOption("userChrome.tab.photon_like_padding") { @include Option("userChrome.tab.lepton_like_padding") { .tabbrowser-tab { From 970677d3b2d6a090da811f815b8f4a432d2463e9 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 18 Jun 2023 19:53:57 +0900 Subject: [PATCH 25/27] Fix: Padding - Increase `min-width` for jitter #643 --- css/leptonChrome.css | 2 +- src/padding/_tabbar_width.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 99533a2..836498b 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3439,7 +3439,7 @@ #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery { - min-width: 1px; + min-width: 3px; } @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") { diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index cd0b851..029919a 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -91,7 +91,7 @@ /* neighbouring tabs should "pinch" together */ #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery { - min-width: 1px; // With Panorama Tab Groups #643 + min-width: 3px; // With Panorama Tab Groups #643 } @include NotOption("userChrome.tab.photon_like_padding") { @include Option("userChrome.tab.lepton_like_padding") { From f851ade804651177821a83f0bf93064c04dee0fe Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 19 Jun 2023 15:39:35 +0900 Subject: [PATCH 26/27] Fix: Padding - Overflow `#new-tab-button` --- css/leptonChrome.css | 4 ++++ src/padding/_tabbar_width.scss | 6 ++++++ 2 files changed, 10 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 836498b..6d80986 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3369,6 +3369,10 @@ --newtab-button-minus-width-padding: 2px; --newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding)); } + #widget-overflow-mainView #new-tab-button, + #widget-overflow-mainView #alltabs-button { + --newtab-button-width-padding: 0px; + } #new-tab-button > .toolbarbutton-icon, #alltabs-button > .toolbarbutton-badge-stack { /* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */ diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index 029919a..c2f84ca 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -29,6 +29,12 @@ --newtab-button-minus-width-padding: 2px; --newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding)); } +#widget-overflow-mainView { + #new-tab-button, + #alltabs-button { + --newtab-button-width-padding: 0px; + } +} #new-tab-button > .toolbarbutton-icon, #alltabs-button > .toolbarbutton-badge-stack { /* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */ From 7435caa542bdc9e20798f20a627a63ebbd128e25 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 19 Jun 2023 15:41:23 +0900 Subject: [PATCH 27/27] Fix: Icons - Use an explicit selector for checkbox #349 --- css/leptonChrome.css | 4 ++-- css/leptonContent.css | 4 ++-- src/icons/layout/_menu_common.scss | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 6d80986..95247f1 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -10606,8 +10606,8 @@ @supports -moz-bool-pref("userChrome.icon.menu") { menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon, - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon, + menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, #main-menubar > menu { -moz-appearance: none !important; /* Linux: menulist */ } diff --git a/css/leptonContent.css b/css/leptonContent.css index 6de2e10..d83e508 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -3020,8 +3020,8 @@ { menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon, - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) .menu-iconic-icon { + menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon { -moz-appearance: none !important; /* Linux: menulist */ } menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) diff --git a/src/icons/layout/_menu_common.scss b/src/icons/layout/_menu_common.scss index 1cf77e2..661481d 100644 --- a/src/icons/layout/_menu_common.scss +++ b/src/icons/layout/_menu_common.scss @@ -40,7 +40,7 @@ $_initialMenus: selector.append( ":not([type=\"checkbox\"][checked=\"true\"], [type=\"radio\"])" ); $_initialMenus: $_initialMenus + "," + - selector.nest($_initialMenus, ".menu-iconic-icon"); + selector.nest($_initialMenus, "> .menu-iconic-left > .menu-iconic-icon"); @mixin _initial_menus() { -moz-appearance: none !important; /* Linux: menulist */ }