[create-theme]: Floating Web Panel

[tunalad]

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

• JSON Color Theme

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]

Thank you for your contribution! 🎉

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

Here are some details about your submission:

• Your theme has been requested into this PR.
• It has been created into the create-theme-227 branch.

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