update buttons
This commit is contained in:
parent
467ff3657f
commit
3a045a664b
33 changed files with 360 additions and 166 deletions
147
dashboard-ui/thirdparty/paper-button-style.css
vendored
147
dashboard-ui/thirdparty/paper-button-style.css
vendored
|
@ -129,6 +129,114 @@ paper-button.iconRight iron-icon {
|
|||
top: 5px;
|
||||
}
|
||||
|
||||
button[is="emby-button"].blue {
|
||||
color: #03a9f4;
|
||||
}
|
||||
|
||||
button[is="emby-button"].blue:hover {
|
||||
background: #e1f5f3;
|
||||
}
|
||||
|
||||
button[is="emby-button"].menuButton {
|
||||
color: #212121;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
button[is="emby-button"].menuButton:hover {
|
||||
background: #e1f5f3;
|
||||
}
|
||||
|
||||
|
||||
button[is="emby-button"].submit {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
button[is="emby-button"].raised.submit, button[is="emby-button"].raised:not(.subdued):not(.cancel) {
|
||||
background: #52B54B;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
button[is="emby-button"].more {
|
||||
color: #EC407A;
|
||||
}
|
||||
|
||||
button[is="emby-button"].raised.more {
|
||||
background: #EC407A;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
button[is="emby-button"].secondary {
|
||||
color: #4285f4;
|
||||
}
|
||||
|
||||
button[is="emby-button"].raised.secondary {
|
||||
background: #4285f4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
button[is="emby-button"].accent {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
button[is="emby-button"].raised.accent {
|
||||
background: #52B54B;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
button[is="emby-button"].alt {
|
||||
color: #F57F17;
|
||||
}
|
||||
|
||||
button[is="emby-button"].raised.alt {
|
||||
background: #F57F17;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-b button[is="emby-button"].cancel {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.ui-body-b button[is="emby-button"].raised.cancel {
|
||||
background: #444;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
button[is="emby-button"].cancelDark {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
button[is="emby-button"].raised.cancelDark {
|
||||
background: #444;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-b button[is="emby-button"].subdued:not([disabled]) {
|
||||
color: #404040;
|
||||
}
|
||||
|
||||
.ui-body-b button[is="emby-button"].raised.subdued:not([disabled]) {
|
||||
background: #404040;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-b button[is="emby-button"].raised[disabled].subduedd {
|
||||
background: #111;
|
||||
}
|
||||
|
||||
button[is="emby-button"] span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
button[is="emby-button"]:not(.iconRight) > iron-icon {
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
||||
button[is="emby-button"].iconRight iron-icon {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.clearButton {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
|
@ -149,6 +257,23 @@ paper-button.iconRight iron-icon {
|
|||
color: inherit !important;
|
||||
}
|
||||
|
||||
button[is="emby-button"].mini {
|
||||
min-width: initial;
|
||||
}
|
||||
|
||||
button[is="emby-button"].mini {
|
||||
padding: 0.4em 0.7em;
|
||||
}
|
||||
|
||||
button[is="emby-button"].mini.noIcon {
|
||||
padding: 0.4em 0.7em;
|
||||
}
|
||||
|
||||
button[is="emby-button"].mini iron-icon {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
paper-button.mini {
|
||||
min-width: initial;
|
||||
}
|
||||
|
@ -166,7 +291,6 @@ paper-button.mini {
|
|||
width: 20px;
|
||||
}
|
||||
|
||||
|
||||
paper-toast {
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
@ -184,6 +308,19 @@ paper-button.notext {
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
button[is="emby-button"].notext {
|
||||
min-width: 2.8em;
|
||||
}
|
||||
|
||||
button[is="emby-button"].notext .content {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
button[is="emby-button"].notext iron-icon {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
paper-icon-button paper-ripple {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
@ -404,9 +541,9 @@ paper-input label, paper-textarea label {
|
|||
color: #656565;
|
||||
}
|
||||
|
||||
.ui-body-a .inputLabel.focused:not(.blank) {
|
||||
color: green;
|
||||
}
|
||||
.ui-body-a .inputLabel.focused:not(.blank) {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.ui-body-b .selectLabelUnfocused, .ui-body-b .inputLabel {
|
||||
color: #ccc;
|
||||
|
@ -498,7 +635,7 @@ div.dialogHeader {
|
|||
margin-top: .7em;
|
||||
}
|
||||
|
||||
.dialogHeader paper-button {
|
||||
.dialogHeader paper-button, .dialogHeader button {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue