Last active
July 5, 2016 22:52
-
-
Save JTBrinkmann/528d9ef58419eac6287f9d9b34d75dda to your computer and use it in GitHub Desktop.
move plug.dj's chat to the left
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
*@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