update buttons

This commit is contained in:
Luke Pulverenti 2016-06-04 20:17:35 -04:00
parent 467ff3657f
commit 3a045a664b
33 changed files with 360 additions and 166 deletions

View file

@ -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;
}