1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update components

This commit is contained in:
Luke Pulverenti 2016-07-03 19:21:45 -04:00
parent 39e654cb03
commit bc867a246a
3 changed files with 18 additions and 2 deletions

View file

@ -124,6 +124,18 @@
min-width: initial !important; min-width: initial !important;
} }
[is=emby-button].iconRight i {
margin-left: auto;
margin-right: .25em;
}
[is=emby-button].noflex.iconRight i {
position: absolute;
right: 0;
top: 25%;
margin-right: .5em;
}
[is=paper-icon-button-light] { [is=paper-icon-button-light] {
position: relative; position: relative;
display: inline-flex; display: inline-flex;

View file

@ -20,6 +20,10 @@
text-align: left; text-align: left;
} }
.emby-collapsible-button.noflex h3 {
display: inline-block;
}
.emby-collapse-expandIcon { .emby-collapse-expandIcon {
transform-origin: 50% 50%; transform-origin: 50% 50%;
transition: transform 180ms ease-out; transition: transform 180ms ease-out;

View file

@ -71,9 +71,9 @@
var title = this.getAttribute('title'); var title = this.getAttribute('title');
var html = '<button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="emby-collapsible-button">\ var html = '<button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="emby-collapsible-button iconRight">\
<h3 class="emby-collapsible-title" title="' + title + '">' + title + '</h3>\ <h3 class="emby-collapsible-title" title="' + title + '">' + title + '</h3>\
<i style="margin-left: auto; margin-right: .5em;" class="md-icon emby-collapse-expandIcon">expand_more</i>\ <i class="md-icon emby-collapse-expandIcon">expand_more</i>\
</button>'; </button>';
this.insertAdjacentHTML('afterbegin', html); this.insertAdjacentHTML('afterbegin', html);