Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make it themable/customizable #29

Open
mojo2012 opened this issue Oct 9, 2024 · 0 comments
Open

Make it themable/customizable #29

mojo2012 opened this issue Oct 9, 2024 · 0 comments

Comments

@mojo2012
Copy link

mojo2012 commented Oct 9, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant