Skip to content

Instantly share code, notes, and snippets.

@JTBrinkmann
Last active July 5, 2016 22:52
Show Gist options
  • Save JTBrinkmann/528d9ef58419eac6287f9d9b34d75dda to your computer and use it in GitHub Desktop.
Save JTBrinkmann/528d9ef58419eac6287f9d9b34d75dda to your computer and use it in GitHub Desktop.
move plug.dj's chat to the left
/**
*@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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment