Coder Social home page Coder Social logo

Comments (11)

AeliusSaionji avatar AeliusSaionji commented on June 3, 2024 2

On this line

#unified-extensions-button,

I replaced with this

#unified-extensions-button {
  position: fixed !important;
  top: 0px;
  left: 0px;
  z-index: -1 !important;
}

The z-index: -1 seems to do the trick. The rest is just moving the popup menu to the top left.

I want to stress: I do not know any css, I'm just poking at this.

from firefox-alpha.

VaiTheCatto avatar VaiTheCatto commented on June 3, 2024 1

Understood. Thank You.

from firefox-alpha.

VaiTheCatto avatar VaiTheCatto commented on June 3, 2024

one more thing. when i click on them, it just opens a new tab

from firefox-alpha.

Tagggar avatar Tagggar commented on June 3, 2024

I tried unpinning some of my extensions from the top right but i cant right click them or even click on them

Hello, thank you for feedback.
To configure extensions position:

  1. You need to restart Firefox in Troubleshoot mode (without themes / extensions):
    Alt > Help > Troubleshoot Mode

  2. Pin / unpin / adjust extensions from customization menu and restart.

from firefox-alpha.

Tagggar avatar Tagggar commented on June 3, 2024

All buttons have been removed to maximize space for Tabs and to enhance the overall UI simplicity.

You can unhide Extensions button by deleting the */ in the Hide Items section of the userChrome.css file:

/* ❌ Extensions Menu */
#unified-extensions-button,

to 

/* ❌ Extensions Menu
#unified-extensions-button,

After, you can easily customize the position of the Extensions Menu, for example:

#unified-extensions-button {
  position: fixed !important;
  top: 38px;
  right: 8px;
  z-index: 2 !important;
}

from firefox-alpha.

VaiTheCatto avatar VaiTheCatto commented on June 3, 2024

i see. i think i fixed it by unpinning all my extensions. what if i have to access a menu for ublock origin or smth. gestureify?

from firefox-alpha.

Tagggar avatar Tagggar commented on June 3, 2024
  1. Full Extensions settings can be accessed via the shortcut: Ctrl + Shift + A,
    or through the browser's main menu:
    Alt > Tools > Add-ons

  2. Some extensions are available via the context menu like uBlock:
    RMB > Block Element.

  3. Other extensions, such as Gesturefy, do not require constant tweaking after the initial setup. Therefore, keeping them in the extensions menu is unnecessary.

Certainly, if you utilize numerous extensions that require frequent menu access, you can display the ❌ Extensions Menu, as detailed above.

from firefox-alpha.

AeliusSaionji avatar AeliusSaionji commented on June 3, 2024

The menu doesn't necessarily need be clickable or visible, but it does need to exist in order for other extensions to draw their own popups when invoked by shortcut.

The current default should probably be changed so it doesn't break invoking extension popup by their keyboard shortcut.

from firefox-alpha.

Tagggar avatar Tagggar commented on June 3, 2024

Hello, and thanks for the feedback.

Yes, that's actually how it works. The main goal of this configuration is to demonstrate the ease of using the browser by removing the UI clutter. Thus, everything is hidden and minimalist by default, while all functionality is preserved for 90% of users.

Moreover, the code is easily configurable to customize the UI to suit your needs.

from firefox-alpha.

VaiTheCatto avatar VaiTheCatto commented on June 3, 2024

Ok thanks a lot for da help :D

from firefox-alpha.

AeliusSaionji avatar AeliusSaionji commented on June 3, 2024

Yes, that's actually how it works. The main goal of this configuration is to demonstrate the ease of using the browser by removing the UI clutter.

To be clear, the Z index of -1 keeps it hidden, so this is a purely functional change without visual impact.
When you invoke an unpinned extension by its browser shortcut, it opens the unified menu and the extension is rendered inside the unified menu.

The current css appears to actually remove the unified menu as opposed to hiding it, which breaks the browser's ability to invoke unpinned extensions.

functionality is preserved for 90% of users.

This project is, to paraphrase you and my own experience, encouraging users to keep extensions unpinned. That should be fine- we don't need to keep uBlock pinned when we can bind Alt+o to access the UI, for example.
image

But, as mentioned above, the current css implementation denies us this option.

the code is easily configurable to customize the UI to suit your needs.

I think you've done a great job at that- I've never really been able to successfully tweak css before. But I am suggesting that this specific scenario is a solvable bug and not a UI customization.

from firefox-alpha.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.