From 08079e8989d9c11dc2ccae410578dc5c9dd4e22a Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 2 Dec 2023 13:52:00 +0900 Subject: [PATCH] Add: Icons - Floorp browser progressive web apps #819 Co-authored-by: Ryosuke Asano --- css/leptonChrome.css | 32 ++++++++++++++++++++++++++++ css/leptonChromeESR.css | 15 +++++++++++++ src/icons/fork_browsers/_floorp.scss | 23 ++++++++++++++++++++ 3 files changed, 70 insertions(+) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 158af24d..0e9f855e 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -13175,6 +13175,12 @@ } } /*= Floorp Browser ===========================================================*/ + #ssbPageAction-image { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #ssbPageAction-image[open-ssb="true"] { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } @supports -moz-bool-pref("userChrome.icon.panel") { #rebootappmenu { list-style-image: url("../icons/refresh-cw.svg"); @@ -13182,6 +13188,15 @@ #openprofiledir { list-style-image: var(--uc-folder-icon); } + #appMenu-ssb-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #appMenu-install-or-open-ssb-current-page-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #appMenu-install-or-open-ssb-current-page-button[open-ssb="true"] { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } } @supports -moz-bool-pref("userChrome.icon.menu") { #toggle_sharemode { @@ -28273,6 +28288,14 @@ --menuitem-image: url("chrome://browser/skin/onion.svg"); } } +@media not (-moz-bool-pref: "userChrome.icon.disabled") { + #ssbPageAction-image { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #ssbPageAction-image[open-ssb="true"] { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } +} @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { #rebootappmenu { list-style-image: url("../icons/refresh-cw.svg"); @@ -28280,6 +28303,15 @@ #openprofiledir { list-style-image: var(--uc-folder-icon); } + #appMenu-ssb-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #appMenu-install-or-open-ssb-current-page-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #appMenu-install-or-open-ssb-current-page-button[open-ssb="true"] { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { #toggle_sharemode { diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css index d2324d83..f5c88fac 100644 --- a/css/leptonChromeESR.css +++ b/css/leptonChromeESR.css @@ -13784,6 +13784,12 @@ } } /*= Floorp Browser ===========================================================*/ + #ssbPageAction-image { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #ssbPageAction-image[open-ssb="true"] { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } @supports -moz-bool-pref("userChrome.icon.panel") { #rebootappmenu { list-style-image: url("../icons/refresh-cw.svg"); @@ -13791,6 +13797,15 @@ #openprofiledir { list-style-image: var(--uc-folder-icon); } + #appMenu-ssb-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #appMenu-install-or-open-ssb-current-page-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + #appMenu-install-or-open-ssb-current-page-button[open-ssb="true"] { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } } @supports -moz-bool-pref("userChrome.icon.menu") { #toggle_sharemode { diff --git a/src/icons/fork_browsers/_floorp.scss b/src/icons/fork_browsers/_floorp.scss index 1e6e15bb..e9986f03 100644 --- a/src/icons/fork_browsers/_floorp.scss +++ b/src/icons/fork_browsers/_floorp.scss @@ -1,3 +1,12 @@ +// Page Action button. Not always visible +#ssbPageAction-image { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + &[open-ssb="true"] { + // Page Action button. If page has been already installed or can be install PWA + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } +} + @include Option("userChrome.icon.panel") { #rebootappmenu { list-style-image: url("../icons/refresh-cw.svg"); @@ -6,6 +15,20 @@ #openprofiledir { list-style-image: var(--uc-folder-icon); } + + // Panel UI top button + #appMenu-ssb-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + + // Panel UI subView button for install ssb + #appMenu-install-or-open-ssb-current-page-button { + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + &[open-ssb="true"] { + // Panel UI subView button for open ssb window + list-style-image: url("chrome://browser/skin/install-ssb.svg"); + } + } } @include Option("userChrome.icon.menu") { #toggle_sharemode {