Coder Social home page Coder Social logo

Comments (11)

Tagggar avatar Tagggar commented on June 14, 2024 1

Absence of buttons is the unique feature - controls simplified by shortcuts.

Window control buttons are rarely used (> 0.1% of the time) but take up space, disrupting interface consistency and simplicity.

You can close the browser by keyboard shortcuts or using the UI:

Alt + F4 - command will close the currently active window (Windows shortcut)

Ctrl + Shift + Q - command will close the currently active window (Firefox shortcut)

Alt > File > Exit - close the currently active window from browser menu

Right-click on the Firefox icon on the Win taskbar > Close window

Hover on the Firefox icon on the Win taskbar > click on X.

from firefox-alpha.

tamalCodes avatar tamalCodes commented on June 14, 2024 1

Works like a charm thank you so much for the response.

  • I wanted to have something like this, is there a possibility that i can disable only the text appearing in the top-left corner while i am placing a search ? The rest of the search suggestion works so nice.

  • Can i have a place for some extensions. I mean by default the extensions are hidden, so if I want to use any add on or extension it is very difficult to do so.

image

Update 1:

#unified-extensions-button {
  z-index: 20;
  position: relative;
  margin-top: -20px;
  opacity: 0;
}

I added this little bit code, which has made the extensions button invisible, but if I click here i would be able to acess it.
image

from firefox-alpha.

Tagggar avatar Tagggar commented on June 14, 2024

Nice, glad you liked it, and thanks for the quality feedback.

Search suggestions in URL bar are disabled intentionally for several reasons:

In some of my UX research, I found interesting results indicating that disabling search suggestions in the URL bar can reduce cognitive load and help maintain focus.

1. Productivity boost by lowering distractions and cognitive load

Disabling search suggestions cultivates a sense of control, reducing distractions and improving satisfaction. Users can concentrate on their tasks, boosting efficiency and search accuracy. This minimalist approach is especially helpful for users who find constant suggestions overwhelming, thereby enhancing the overall UX.

Search suggestions are still available on search engine webpage.
Sometimes, search engine provides grammatically wrong suggestions (check google community forums for more info)

2. Data privacy

Suggestions are often based on the user's browsing history, frequently visited websites, and search patterns. Consequently, this personal data can be vulnerable, leading to privacy violations or badly targeted advertising. Users may also feel uncomfortable with the notion that their search behavior is being tracked and used for commercial or other purposes without their explicit consent.

3. Echo chambers

The reliance on personalized suggestions may result in the formation of echo chambers, limiting users' exposure to diverse perspectives and information. This can potentially reinforce existing biases and restrict the exploration of alternative viewpoints.

In other words, the user will begin to correctly formulate the search query, instead of choosing from suggestions.

from firefox-alpha.

Tagggar avatar Tagggar commented on June 14, 2024

To disable search suggestions pop-up:

Type about:config in URL Bar and set: browser.urlbar.maxRichResults > 0

or

Open ... / Firefox / Profiles / ###.default-### / chrome / userChrome.css file and add this code:

#urlbar-results { 
display: none !important;
}

Save file and restart Firefox.

Suggestions pop-up won't bother you anymore 👍

from firefox-alpha.

Tagggar avatar Tagggar commented on June 14, 2024

Also, I see that your downloads button is not displayed.

Downloads Button

"Check if your ⬇️ Downloads Button is hidden:

  • RMB (Right-click) on the empty space in the Navigation Toolbar (top right corner) to open the menu;
  • Click on Customize Toolbar;
  • Drag the ⬇️ Downloads Button to the right corner of the Navigation Toolbar, and check [x] to enable auto-hide.

Now, the downloads indicator will only be visible when there are any downloads.

from firefox-alpha.

Tagggar avatar Tagggar commented on June 14, 2024

URL pop-up status panel

You can configure / hide it easily:

  1. Open ... / Firefox / Profiles / ###.default-### / chrome / userChrome.css file, and find by Ctrl + F the statuspanel code section.

  2. Edit the code to your preferences:

Hide URL pop-up:

/* 🔗 Status Panel [Url Popup] */
#statuspanel #statuspanel-label {
  display: none !important;
}

Configure URL pop-up colors:

/* 🔗 Status Panel [Url Popup] */
#statuspanel #statuspanel-label {
  font-weight: 600 !important;
  padding-inline: var(--6) !important;
  border-radius: var(--6) !important;
  margin: var(--8) !important;
  
  background-color: blue !important; /* 🟦blue backround color */
  color: white !important;           /* ⬜white text color     */
}

For instance, replace blue > grey to make the pop-up less noticeable.

  1. Save file and restart Firefox.

from firefox-alpha.

Tagggar avatar Tagggar commented on June 14, 2024

I wanted to have something like this, is there a possibility that i can disable only the text appearing in the top-left corner while i am placing a search ? The rest of the search suggestion works so nice.

It can be done, add this code to the end of userChrome.css:

/* Search Suggestions Fix*/
#urlbar-container #urlbar-input-container {
  opacity: 0;
}
.urlbarView {
  background-color: var(--lwt-accent-color); /* Pop-up background color (adaptive) */
  color: grey;                               /* Pop-up text color */
}

from firefox-alpha.

Tagggar avatar Tagggar commented on June 14, 2024

Can i have a place for some extensions. I mean by default the extensions are hidden, so if I want to use any add on or extension it is very difficult to do so.

You can unhide Extensions button by deleting the */ :

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

to 

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

Accordingly, you can edit a ❌ Hide Items ❌ section to unhide any element and adjust its position through the CSS or customization menu.

I aimed to create a code that is minimalistic yet highly configurable.

from firefox-alpha.

tamalCodes avatar tamalCodes commented on June 14, 2024

Thanks, yes the code you wrote is one of the best documented code i have seen so far in such cases of themes. Thanks for such an amazing work. I have also modified the background and the bookmarks bar a little bit, to my liking.

Will be using this theme forever until a new release comes out 🚀
Thanks for replying back too, I'll close the issue now. You really helped me.

image

from firefox-alpha.

kb12000 avatar kb12000 commented on June 14, 2024

Thanks, yes the code you wrote is one of the best documented code i have seen so far in such cases of themes. Thanks for such an amazing work. I have also modified the background and the bookmarks bar a little bit, to my liking.

Will be using this theme forever until a new release comes out 🚀 Thanks for replying back too, I'll close the issue now. You really helped me.

image

@tamalCodes hey can i know the name of the homepage addon you are using???

from firefox-alpha.

tamalCodes avatar tamalCodes commented on June 14, 2024

Hi @kb12000 , there's no addon i am using the background is added by updating the userContent.css and for the bookmark there has been some modifications made to the userChrome.css

Wallpaper:

  body {
    background: url(camping.jpg) !important;
    background-size: cover !important;
    width: 100vw !important;
    height: 100vh !important;
  }

Bookmark

#PersonalToolbar {
  padding: 0 !important;
  margin: 0 !important;
  max-height: none !important;
  background-color: var(--default) !important;
  border-radius: var(--6) !important;
  width: min-content !important;
}

#PlacesToolbarItems {
  display: flex;
  justify-content: center;
  margin: 5px 8px;
}

#PlacesToolbarItems>.bookmark-item {
  color: white !important;
  height: var(--tab-min-height);
}

Please add the default color to the root too. The color is #2b2a33, add it in this manner --default: #2b2a33;

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.