Unable to get floating navigation bar and hover effect on it.

[nohaboat]

Floating Navigation with Animated Background. I am not able to get this functionality. I have installed using the install script on a new profile. The navigation bar doesn't hide and no hover effect is available. Have you changed something in the scripts or css files. How do we get this functionality?

[PROxZIMA]

I'm unable to reproduce this issue. Can you mention your Firefox version please?

2022-10-22.22-37-23.mp4

[nohaboat]

I am using Firefox 106.0 . I tried again by installing firefox on windows and manually setup the whole thing on windows also but there also navigation bar is not hiding and hovering is not happening. In windows 'navigation toolbar button slider' option is also not appearing in tools menu.

[PROxZIMA]

Restart the browser to apply the changes!

In windows 'navigation toolbar button slider' option is also not appearing in tools menu.

I'm afraid, the script installation won't work in windows as of now.

See Manual Installation's 5th point.

5. Download navbarToolbarButtonSlider.uc.js and place it in script folder along with hideScrollbar.uc.js.

[nohaboat]

Closing the issue.

[PROxZIMA]

You got it working?

[nohaboat]

No, I did not. I spent several hours trying to make it work but I don't know why it did not work for me. It is working for you means it is working 👍 the problem may be with my setup. I don't want to tinker more with it so I had closed the issue. Thanks for your help.

[PROxZIMA]

Let's keep the issue open. I'll try to replicate it soon

[nohaboat]

Ya sure. :-)

[PROxZIMA]

@nohaboat This issue is fixed. Check out the new installation guide for windows. You can use the curl installation method to install the theme with just 1 command even on windows!!

[jrmallorca]

Hello, I've just installed this today on Linux and I'm experiencing this issue.

The difference is that in the video Tools > userscripts appears while it doesn't for me, which is probably the reason why it won't work.

I've tried installing via curl and the script.

[PROxZIMA]

Hey @jrmallorca, can you please post the command you used and the output too? You can rerun the curl/install script to get the output.

[jrmallorca]

Command used: curl -s -o- https://raw.githubusercontent.com/PROxZIMA/Sweet-Pop/master/programs/install-curl.sh | bash

Output:

  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
  0     0    0     0    0     0      0      0 --:--:-- --:--:-- --:--:--     0
100 7132k    0 7132k    0     0  6137k      0 --:--:--  0:00:01 --:--:-- 20.3M
Archive:  Sweet-Pop-master.zip
1941ecd260b19b326a0c6128d8c0308405d5db68
   creating: Sweet-Pop-master/
   creating: Sweet-Pop-master/.github/
 extracting: Sweet-Pop-master/.github/FUNDING.yml
  inflating: Sweet-Pop-master/.gitmodules
  inflating: Sweet-Pop-master/LICENSE
  inflating: Sweet-Pop-master/README.md
  inflating: Sweet-Pop-master/_config.yml
   creating: Sweet-Pop-master/assets/
  inflating: Sweet-Pop-master/assets/Sweet_Pop.png
  inflating: Sweet-Pop-master/assets/context.png
   creating: Sweet-Pop-master/assets/css/
  inflating: Sweet-Pop-master/assets/css/style.scss
  inflating: Sweet-Pop-master/assets/library.png
  inflating: Sweet-Pop-master/assets/navbar.gif
  inflating: Sweet-Pop-master/assets/preview.png
  inflating: Sweet-Pop-master/assets/scrollbar.gif
   creating: Sweet-Pop-master/css/
  inflating: Sweet-Pop-master/css/discordCatppuccin.css
  inflating: Sweet-Pop-master/css/findbar.css
  inflating: Sweet-Pop-master/css/floatingToolbox.css
  inflating: Sweet-Pop-master/css/icons.css
  inflating: Sweet-Pop-master/css/library.css
 extracting: Sweet-Pop-master/css/myChanges.css
  inflating: Sweet-Pop-master/css/overflowMenu.css
  inflating: Sweet-Pop-master/css/popups.css
  inflating: Sweet-Pop-master/css/reddit.css
  inflating: Sweet-Pop-master/css/responsiveNavbar.css
  inflating: Sweet-Pop-master/css/tabbar.css
  inflating: Sweet-Pop-master/css/tweaks.css
  inflating: Sweet-Pop-master/css/urlbar.css
   creating: Sweet-Pop-master/external/
   creating: Sweet-Pop-master/external/fx-autoconfig/
   creating: Sweet-Pop-master/external/uc.css.js/
   creating: Sweet-Pop-master/icons/
  inflating: Sweet-Pop-master/icons/actual-zoom.svg
  inflating: Sweet-Pop-master/icons/all-history.svg
  inflating: Sweet-Pop-master/icons/animation.png
  inflating: Sweet-Pop-master/icons/animation.svg
  inflating: Sweet-Pop-master/icons/back.svg
  inflating: Sweet-Pop-master/icons/bookmark-default.svg
  inflating: Sweet-Pop-master/icons/bookmark-manage.svg
  inflating: Sweet-Pop-master/icons/checked.svg
  inflating: Sweet-Pop-master/icons/checked.svg.bak
  inflating: Sweet-Pop-master/icons/close-tab-option.svg
  inflating: Sweet-Pop-master/icons/close.svg
  inflating: Sweet-Pop-master/icons/close_hover.svg
  inflating: Sweet-Pop-master/icons/closew.svg
  inflating: Sweet-Pop-master/icons/desktop-bg.svg
  inflating: Sweet-Pop-master/icons/duplicate-tab.svg
  inflating: Sweet-Pop-master/icons/fox-transparent.gif
  inflating: Sweet-Pop-master/icons/home.svg
  inflating: Sweet-Pop-master/icons/ideas.svg
  inflating: Sweet-Pop-master/icons/infoico.png
  inflating: Sweet-Pop-master/icons/max_hover.svg
  inflating: Sweet-Pop-master/icons/max_restore.svg
  inflating: Sweet-Pop-master/icons/min.svg
  inflating: Sweet-Pop-master/icons/min_hover.svg
  inflating: Sweet-Pop-master/icons/move-container.svg
  inflating: Sweet-Pop-master/icons/move-end.svg
  inflating: Sweet-Pop-master/icons/move-start.svg
  inflating: Sweet-Pop-master/icons/move-tab.svg
  inflating: Sweet-Pop-master/icons/new-container.svg
  inflating: Sweet-Pop-master/icons/page-source.svg
  inflating: Sweet-Pop-master/icons/quit.svg
  inflating: Sweet-Pop-master/icons/radio-checked.svg
  inflating: Sweet-Pop-master/icons/radio-unchecked.svg
  inflating: Sweet-Pop-master/icons/redo.svg
  inflating: Sweet-Pop-master/icons/reload.svg
  inflating: Sweet-Pop-master/icons/remote-debug.svg
  inflating: Sweet-Pop-master/icons/restore-session.svg
  inflating: Sweet-Pop-master/icons/restore_hover.svg
  inflating: Sweet-Pop-master/icons/search.svg
  inflating: Sweet-Pop-master/icons/select-all.svg
  inflating: Sweet-Pop-master/icons/send-tab.svg
  inflating: Sweet-Pop-master/icons/share-tab.svg
  inflating: Sweet-Pop-master/icons/signout.svg
  inflating: Sweet-Pop-master/icons/sonic.gif
  inflating: Sweet-Pop-master/icons/tab-loading.png
  inflating: Sweet-Pop-master/icons/terminal.svg
  inflating: Sweet-Pop-master/icons/toolbox.svg
  inflating: Sweet-Pop-master/icons/tracking-disabled.svg
  inflating: Sweet-Pop-master/icons/tracking-enabled.svg
  inflating: Sweet-Pop-master/icons/unchecked.svg
  inflating: Sweet-Pop-master/icons/unchecked.svg.bak
  inflating: Sweet-Pop-master/icons/userScriptsMenu.svg
  inflating: Sweet-Pop-master/icons/welcome-back.svg
  inflating: Sweet-Pop-master/icons/zoom-in.svg
  inflating: Sweet-Pop-master/icons/zoom-out.svg
   creating: Sweet-Pop-master/programs/
  inflating: Sweet-Pop-master/programs/install-cfg.sh
  inflating: Sweet-Pop-master/programs/install-curl.bat
  inflating: Sweet-Pop-master/programs/install-curl.sh
  inflating: Sweet-Pop-master/programs/install.bat
  inflating: Sweet-Pop-master/programs/install.sh
  inflating: Sweet-Pop-master/programs/local-settings.js
  inflating: Sweet-Pop-master/programs/mozilla.cfg
  inflating: Sweet-Pop-master/programs/user.js
   creating: Sweet-Pop-master/script/
  inflating: Sweet-Pop-master/script/floatingToolbox.uc.js
  inflating: Sweet-Pop-master/script/hideScrollbar.uc.js
    linking: Sweet-Pop-master/script/navbarToolbarButtonSlider.uc.js  -> ../external/uc.css.js/JS/navbarToolbarButtonSlider.uc.js
  inflating: Sweet-Pop-master/userChrome.css
  inflating: Sweet-Pop-master/userContent.css
   creating: Sweet-Pop-master/utils/
    linking: Sweet-Pop-master/utils/boot.jsm  -> ../external/fx-autoconfig/profile/chrome/utils/boot.jsm
  inflating: Sweet-Pop-master/utils/chrome.manifest
finishing deferred symbolic links:
  Sweet-Pop-master/script/navbarToolbarButtonSlider.uc.js -> ../external/uc.css.js/JS/navbarToolbarButtonSlider.uc.js
  Sweet-Pop-master/utils/boot.jsm -> ../external/fx-autoconfig/profile/chrome/utils/boot.jsm

Profiles file found...

Installing Sweet_Pop! in /home/joni/.mozilla/firefox/5vml2q3j.default-release
Moving existing chrome to chrome_bak

Setting configuration user.js file...
Moving existing user.js to user.js.bak

Enabling userChrome.js manager (fx-autoconfig)...
Enabling Navbar Toolbar Button Slider...

Copying mozilla.cfg and local-settings.js to /usr/bin

Done!
Note: Restart twice to apply changes

[PROxZIMA]

Copying mozilla.cfg and local-settings.js to /usr/bin

@jrmallorca, take a look a this comment #38 (comment)

[jrmallorca]

That comment fixed it, thank you so much!

[PROxZIMA]

Glad it worked.

This is a frequent issue. I'll update the readme accordingly and then close this issue.