mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update action sheet
This commit is contained in:
parent
a81a127cc6
commit
d1842ae4e3
24 changed files with 246 additions and 98 deletions
|
@ -12057,6 +12057,8 @@ is separate from validation, and `allowed-pattern` does not affect how the input
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
</head><body><div hidden="" by-vulcanize=""><dom-module id="paper-material" assetpath="bower_components/paper-material/">
|
||||
<style>
|
||||
:host {
|
||||
|
@ -17038,6 +17040,81 @@ paper-ripple {
|
|||
* @event change
|
||||
*/
|
||||
|
||||
</script>
|
||||
<dom-module id="paper-menu" assetpath="bower_components/paper-menu/">
|
||||
|
||||
<style>
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
padding: 8px 0;
|
||||
|
||||
background: var(--paper-menu-background-color, --primary-background-color);
|
||||
color: var(--paper-menu-color, --primary-text-color);
|
||||
|
||||
@apply(--paper-menu);
|
||||
}
|
||||
|
||||
/* need a wrapper element to make this higher specificity than the :host rule in paper-item */
|
||||
.content > ::content > .iron-selected {
|
||||
font-weight: bold;
|
||||
|
||||
@apply(--paper-menu-selected-item);
|
||||
}
|
||||
|
||||
.content > ::content > [disabled] {
|
||||
color: var(--paper-menu-disabled-color, --disabled-text-color);
|
||||
}
|
||||
|
||||
.content > ::content > *:focus {
|
||||
position: relative;
|
||||
outline: 0;
|
||||
|
||||
@apply(--paper-menu-colored-focused-item);
|
||||
}
|
||||
|
||||
.content > ::content > *:focus:after {
|
||||
@apply(--layout-fit);
|
||||
background: currentColor;
|
||||
/* FIXME move to paper-styles for next widget */
|
||||
opacity: 0.12;
|
||||
content: '';
|
||||
|
||||
@apply(--paper-menu-colored-focused-item-after);
|
||||
}
|
||||
|
||||
.content > ::content > *[colored]:focus:after {
|
||||
opacity: 0.26;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<template>
|
||||
|
||||
<div class="content">
|
||||
<content></content>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
</dom-module>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
|
||||
Polymer({
|
||||
|
||||
is: 'paper-menu',
|
||||
|
||||
behaviors: [
|
||||
Polymer.IronMenuBehavior
|
||||
]
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
</script>
|
||||
<iron-iconset-svg name="icons" size="24">
|
||||
<svg>
|
||||
|
@ -17116,7 +17193,8 @@ paper-ripple {
|
|||
<g id="games"><path d="M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z"></path></g>
|
||||
<g id="play-circle-filled"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"></path></g>
|
||||
<g id="cloud"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"></path></g>
|
||||
</defs>
|
||||
<g id="play-circle-outline"><path d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></g>
|
||||
</defs>
|
||||
</svg>
|
||||
</iron-iconset-svg>
|
||||
</div></body></html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue