css 将plug.dj的聊天移动到左侧

Posted 2021-05-13

/**
 *@author jtbrinkmann aka. Brinkie Pie
 * you may use and edit this CSS freely, without having to ask for prior permission
 * you do not have to credit me for this, but please include this block comment in every
 * copy and do not claim to be the author of this CSS snippet.
 */
/* header and footer */
.app-header,
#footer {
    display: flex !important;
    flex-direction: row-reverse;
}
#room-meta,
#playlist-meta {
    position: relative;
    flex: 1 1;
}
#header-panel-bar,
#footer-user {
    position: relative;
    flex: 0 0 345px;
}

/* sidebar */
.app-right {
    right: auto;
}

/* layout */
#avatars-container,
#playback,
#vote,
#dj-button,
#history-panel,
#user-view,
#room-settings,
#dashboard,
.room-background {
    margin-left: 345px;
}

/* app menu */
#app #app-menu {
    left: 345px;
    width: 54px;
    overflow: hidden;
    transition: width 100ms ease-in;
}


#app-menu .button .icon-site-logo {
    left: 13px;
}

#app #app-menu.open {
    width: 180px;
}

/* preview dialog */
#dialog-container {
    right: 0 !important;
    left: 345px !important;
}

/* user rollover */
#user-rollover.chat {
    left: 353px !important;
}

#user-rollover.expand.chat .arrow-down {
    right: auto;
    left: -8px;
    border-left: 0 solid transparent;
    border-right: 8px solid #282c35;
}

/* Toast Notifications */
#toast-notifications {
    left: auto !important;
    right: 10px;
}

/* fix 0-width labels */
#room-name {
    width: auto !important;
    right: 30px;
}


#your-next-media {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
    padding-left: 50px;
}

#footer .bar-button .section span {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
}

/* fix video-only mode */
.video-only #vote {
    right: 0 !important;
}

/* RCS fixes */
.is-preview.is-rcs-model {
    right: 0 !important;
    left: 345px !important;
}

/* plugCubed fixes */
#plugcubed {
    left: 400px;
}

/* plug_p0ne fixes */
#p0ne-menu {
    left: 345px;
}

.p0ne-song-info {
    right: 0 !important;
}