GithubHelp home page GithubHelp logo

dannycolin / fx-compact-mode Goto Github PK

View Code? Open in Web Editor NEW
120.0 7.0 12.0 275 KB

A Compact Mode for Firefox Proton

License: Mozilla Public License 2.0

CSS 100.00%
firefox userchrome theme compact proton firefoxcss

fx-compact-mode's Issues

New Tab "+" button is squished on KDE

Using Firefox 89.0.2 on KDE Plasma 5.21.5-1

The + button is squished (width > height). Also the very bottom of the URL bar is clipped.

The first was fixed by changing the value here to 36px:

--tab-min-height: 31px !important;

I'll see if I can fix the second.
Edit:
I managed to fix the second by editing this value to 36px (seems like that's the magic number):

--urlbar-container-height: 30px !important;

Container border is not shown on tab button

When opening a tab in a container, it is not displayed differently than a tab not in a container.

In vanilla Proton, a border is added on top of the tab. In vanilla Photon, it was added on bottom.

bug report: Compact mode not working after update to fx 99.0

After updating to Firefox v 99.0, compact mode no longer works, verified in new profile, see screenshot:
image

OS: Windows 10 Pro, version 20H2, build 19042.1586

Browser settings:
Toolbar density="compact(not supported)", font=Times New Roman 16, zoom = 120%

Possibly relevant config settings that are listed as different from default;
browser.compactmode.show=TRUE, browser.proton.toolbar.version=3, browser.tabs.inTitlebar=0, browser.uidensity=1, devtools.toolsidebar-height.inspector=350, devtools.toolsidebar-width.inspector=700, devtools.toolsidebar-height.inspector.splitsidebar=350, toolkit.legacyUserProfileCustomizations.stylesheets=TRUE,

addons:
Addblock Plus, UBlock Origin, Classic Youtube Design, SponsorBlock, Old Reddit Redirect

Edit:

The issue seems to be solved by removing

@media (-moz-os-version: windows-win10) {

from line 95, and the closing } from line 100

Tabs lose their compact form

When the tab bar fills with tabs and the scroll buttons appear, they get taller
possible fix is --tab-min-height: 24px !important; to :root section

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.