GithubHelp home page GithubHelp logo

isaac-newt / userchrome-styles Goto Github PK

View Code? Open in Web Editor NEW
82.0 4.0 10.0 669 KB

A collection of userChrome.css styles for Firefox

License: Mozilla Public License 2.0

CSS 100.00%
userchrome firefox css userstyles

userchrome-styles's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

userchrome-styles's Issues

Windows Issue

Hello,

I know that this style was not made for Windows, but there's a workaround for this?
capturar

Like moving window title buttons to the right or just remove this blank space.

Thank you for your awesome work,
Cheers!

userChromeTabCenter.css - maybe we can help each other

for this file, the comment was "It didn't work :", so i assume it's not only for me that it isn't working :)

this is what i'm using currently - i stole this from someone along the line and then modified it...

:root {
    --sbarwidth: 400px; /* set width you want the sidebar to be when it's open */
}
#sidebar-box {
    overflow-x: hidden;
    min-width: 0px;
    max-width: 0px;
    position: relative;
    border-right: 1px solid lightgray;
    cursor: pointer;
    transition: all 0.2s ease 0.3s;
}
#sidebar-box:hover,
#sidebar-box #sidebar {
    min-width: var(--sbarwidth);
    max-width: var(--sbarwidth);
    border-right: 2px solid lightgray;
}
#sidebar-box ~ #sidebar-splitter {
    display: none;
}

#sidebar-box position is relative and it's apparently on the same z-order as the main browser content, meaning it eats into the page space (only by 1px, but still) - if i change it to fixed, i can't get the sidebar content to display at all - i don't like this, but i never came up with a fix

the other problem is the sidebar header - i wanted to keep it, but if you use it to change sidebar content, then the sidebar isn't being hovered anymore, so it closes - again, i have yet to find a fix for that

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.