zen-browser / theme-store

🎨 Theme repository for @zen-browser!
https://zen-browser.github.io/theme-store/themes.json
MIT License
120 stars 35 forks source link

[create-theme]: Floating Web Panel #227

Closed tunalad closed 2 months ago

tunalad commented 2 months ago

Name

Floating Web Panel

Description

Opening the sidebar's web panel will be over the page's content, instead of splitting the space.

Homepage

https://github.com/tunalad/zen-floating-webpanel/

Image

https://raw.githubusercontent.com/tunalad/zen-floating-webpanel/master/image.png

Type

Theme Styles

#zen-sidebar-web-panel-wrapper {
    margin: 10px !important;
    position: absolute !important;
    z-index: 999999 !important;
    bottom: 0 !important;
    top: 0 !important;
}

@media (-moz-bool-pref: "uc.floating-webpanel.midmargin.enabled") {
    #zen-sidebar-web-panel-wrapper {
        margin: 5px !important;
        position: absolute !important;
        z-index: 999999 !important;
        bottom: 0 !important;
        top: 0 !important;
    }
}

@media (-moz-bool-pref: "uc.floating-webpanel.nomargin.enabled") {
    #zen-sidebar-web-panel-wrapper {
        margin: 0 !important;
        position: absolute !important;
        z-index: 999999 !important;
        bottom: 0 !important;
        top: 0 !important;
    }
}

Readme

# Floating Web Panel

Opening the sidebar's web panel will be over the page's content, instead of splitting the space.

By default, the margins around the panel is 10px, but via options you can set it to 5px margins, or disable them completely.

Preferences

{
    "uc.floating-webpanel.midmargin.enabled": "Margin around the panel is 5px",
    "uc.floating-webpanel.nomargin.enabled": "Disables margin around the panel completely"
}
github-actions[bot] commented 2 months ago

Thank you for your contribution! :tada:

Your theme has been successfully submitted. The maintainers will review it and get back to you soon.

Here are some details about your submission:

If you have any questions or need help, feel free to ask in the comments below or in the PR.