Skip to content

Make it themable/customizable #29

@mojo2012

Description

@mojo2012

It would be nice, if it was themable.

I used some CSS magic to make it look like this:

Bildschirmfoto 2024-10-09 um 15 11 05

I used this via a template node:


.ui_upload > .title {
    display: none;
}

.nr-dashboard-ui_upload {
    overflow: hidden !important;
    border-radius: 10px;
    border: 2px dashed lightgrey;
    padding: 3px;
}

.ui_upload > button {
    width: 100% !important;
    background-color: #00194d !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    border-radius: 2px;
    text-indent: -9999px;
    line-height: 0;
}

.ui_upload > button.play:after {
    content: "UPLOAD";
    text-indent: 0;
    display: block;
    line-height: initial;
    color: white;
    font-family: inherit;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: 400;
    line-height: 36px;
}

.ui_upload > button[disabled] {
    background-color: grey !important;
}

.ui_upload > .stop {
    display: none !important;
}

It would be nice though to have some options, like "hide stop button", set the icon etc.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions