revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[media UI] Fixed player selector style after Dropdown component changes.

Browse source
This commit is contained in:
Fabio Manganiello 2023-11-12 15:55:28 +01:00
parent ca72e22820
commit 50922cf149
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 44 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
platypush/backend/http/webapp/src/components/panels/Media/Players.vue
View file

@ -1,4 +1,5 @@
<template> <template>
<div class="media-players">
<div class="plugins"> <div class="plugins">
<Chromecast :player="selectedPlayer?.pluginName === 'media.chromecast' ? selectedPlayer : null" <Chromecast :player="selectedPlayer?.pluginName === 'media.chromecast' ? selectedPlayer : null"
ref="chromecastPlugin" @status="$emit('status', $event)" /> ref="chromecastPlugin" @status="$emit('status', $event)" />
@ -32,6 +33,7 @@
</div> </div>
</Dropdown> </Dropdown>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -108,7 +110,8 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.media-players {
.plugins { .plugins {
display: none; display: none;
} }
@ -116,27 +119,19 @@ export default {
.no-results { .no-results {
padding: 1em; padding: 1em;
} }
.players {
:deep(.dropdown) {
direction: ltr;
.item {
padding: .5em;
} }
.icon { .dropdown-container {
margin-right: 1em !important; .refresh {
}
}
:deep(.refresh) {
font-weight: bold; font-weight: bold;
font-size: .8em; font-size: .8em;
opacity: .7; opacity: .7;
} }
:deep(.player.selected) { .player.selected {
.item {
color: $selected-fg; color: $selected-fg;
} }
} }
}
</style> </style>