milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update components

Browse source
This commit is contained in:
Luke Pulverenti 2016-08-04 22:03:15 -04:00
parent 058d86a988
commit 1d0c9407f0
9 changed files with 46 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

65
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css vendored
View file

@ -80,12 +80,6 @@
font-size: 24px !important;
}
[is="emby-button"].fab iron-icon {
width: 100%;
height: 100%;
vertical-align: middle;
}
[is="emby-button"].fab i {
vertical-align: middle;
}
@ -103,10 +97,6 @@
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
[is="emby-button"] iron-icon + span {
margin-left: .5em;
}
[is="emby-button"] i + span {
margin-left: .5em;
}
@ -140,7 +130,7 @@
margin-right: .5em;
}
[is=paper-icon-button-light] {
.paper-icon-button-light {
position: relative;
display: inline-flex;
align-items: center;
@ -158,10 +148,10 @@
user-select: none;
cursor: pointer;
z-index: 0;
min-width: 24px;
min-height: 24px;
width: 40px;
height: 40px;
min-width: initial;
min-height: initial;
width: auto;
height: auto;
padding: 8px;
font-weight: normal;
vertical-align: middle;
@ -178,49 +168,22 @@
justify-content: center;
}
[is=paper-icon-button-light].autoSize {
width: auto !important;
height: auto !important;
}
[is=paper-icon-button-light][disabled] {
.paper-icon-button-light[disabled] {
opacity: .3;
}
[is=paper-icon-button-light] i {
width: 24px;
height: 24px;
font-size: 24px;
.paper-icon-button-light > i {
width: auto;
height: auto;
font-size: 1.72em;
/* Make sure its on top of the ripple */
position: relative;
z-index: 1;
vertical-align: middle;
}
.layout-tv [is=paper-icon-button-light] {
width: auto;
height: auto;
min-width: initial;
min-height: initial;
}
.layout-tv [is=paper-icon-button-light] i {
width: 3.7vh;
height: 3.7vh;
font-size: 3.7vh;
}
[is=paper-icon-button-light] iron-icon {
width: 100%;
height: 100%;
/* Make sure its on top of the ripple */
position: relative;
z-index: 1;
vertical-align: middle;
}
[is=paper-icon-button-light] img {
width: 100%;
.paper-icon-button-light > img {
width: 1.72em;
/* Can't use 100% height or it will stretch past the boundaries in safari */
/*height: 100%;*/
max-height: 100%;
@ -230,7 +193,7 @@
vertical-align: middle;
}
[is=paper-icon-button-light]:after {
.paper-icon-button-light:after {
content: '';
position: absolute;
top: 0;
@ -242,7 +205,7 @@
opacity: 0;
}
[is=paper-icon-button-light]:focus:after {
.paper-icon-button-light:focus:after {
opacity: .2;
}