Files
youtube-music/src/plugins/music-together/style.css
Su-Yong ee0c512529 feat(music-together): Add new plugin Music Together (#1562)
* feat(music-together): test `peerjs`

* feat(music-together): replace `prompt` to `custom-electron-prompt`

* fix(music-together): fix

* test fix

* wow

* test

* feat(music-together): improve `onStart`

* fix: adblocker

* fix(adblock): fix crash with `peerjs`

* feat(music-together): add host UI

* feat(music-together): implement addSong, removeSong, syncQueue

* feat(music-together): inject panel

* feat(music-together): redesign music together panel

* feat(music-together): sync queue, profile

* feat(music-together): sync progress, song, state

* fix(music-together): fix some bug

* fix(music-together): fix sync queue

* feat(music-together): support i18n

* feat(music-together): improve sync queue

* feat(music-together): add profile in music item

* refactor(music-together): refactor structure

* feat(music-together): add permission

* fix(music-together): fix queue sync bug

* fix(music-together): fix some bugs

* fix(music-together): fix permission not working on guest mode

* fix(music-together): fix queue sync relate bugs

* fix(music-together): fix automix items not append using music together

* fix(music-together): fix

* feat(music-together): improve video injection

* fix(music-together): fix injection code

* fix(music-together): fix broadcast guest

* feat(music-together): add more permission

* fix(music-together): fix injector

* fix(music-together): fix guest add song logic

* feat(music-together): add popup close listener

* fix(music-together): fix connection issue

* fix(music-together): fix connection issue 2

* feat(music-together): reserve playlist

* fix(music-together): exclude automix songs

* fix(music-together): fix playlist index sync bug

* fix(music-together): fix connection failed error and sync index

* fix(music-together): fix host set index bug

* fix: apply fix from eslint

* feat(util): add `ImageElementFromSrc`

* chore(util): update jsdoc

* feat(music-together): add owner name

* chore(music-together): add translation

* feat(music-together): add progress sync

* chore(music-together): remove `console.log`

---------

Co-authored-by: JellyBrick <shlee1503@naver.com>
2023-12-31 13:52:15 +09:00

161 lines
2.5 KiB
CSS

.music-together-button {
display: inline-flex;
cursor: pointer;
margin-left: 8px;
& svg {
width: 24px;
height: 24px;
fill: rgba(255, 255, 255, .5);
}
&:hover svg:hover {
fill: #fff;
}
}
#right-content > .music-together-divider {
width: 1px;
height: 26px;
margin-left: 16px;
margin-right: 8px;
}
.music-together-divider {
background-color: rgba(255, 255, 255, .15);
}
.music-together-divider.horizontal {
width: 100%;
height: 1px;
}
.music-together-divider.vertical {
width: 1px;
height: 100%;
}
.music-together-tool {
position: absolute;
display: flex;
align-items: center;
gap: 8px;
opacity: 0;
translate: 50%;
pointer-events: none;
transition: all 0.225s ease-out;
&.open {
position: unset;
opacity: 1;
translate: 0;
pointer-events: all;
}
}
.music-together-spinner {
}
.music-together-popup {
position: fixed;
z-index: 1000;
}
.music-together-popup-container {
border-radius: 10px !important;
}
.music-together-item {
display: flex;
height: 48px;
align-items: center;
padding: 0 8px;
--iron-icon-fill-color: #fff;
&:not([is-disabled]) {
cursor: pointer;
}
&:hover {
background-color: var(--ytmusic-menu-item-hover-background-color, rgba(255,255,255,0.05));
}
}
.music-together-status {
display: flex;
flex-direction: column;
align-items: stretch;
padding: 16px;
}
.music-together-profile {
width: 24px;
height: 24px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.music-together-profile.big {
width: 32px;
height: 32px;
}
.music-together-status-container {
flex: 1;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}
.music-together-status-item {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
font-weight: 400;
}
.music-together-user-container {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding-top: 16px;
font-size: 14px;
}
.music-together-empty {
width: 100%;
font-size: 14px;
color: rgba(255, 255, 255, .5);
text-align: center;
}
.music-together-owner {
width: 24px;
height: 24px;
flex-shrink: 0;
border-radius: 50%;
margin-left: 8px;
}
.music-together-name {
display: none;
color: #fff;
font-size: 14px;
margin-left: 8px;
}
ytmusic-player-queue-item:hover .music-together-name {
display: unset;
}