Youtrack Responsive Hack

youtrack-responsive.css

/*
 * Makes JetBrains Youtrack responsive to a smaller viewport
 * @author: jasonszhao
 */
 
@viewport {
    width: 100%;
    initial-scale: 1;
}
body {
    width: 100%;
}

.ring-header-react {
    width: 100%;
    max-width: 100%;
    min-width: 1px!important;
    padding-left: 0;
    padding-right: 0;
}
.ring-header {
    min-width: 1px!important;
    width: 100%;
    display: table;
}

.sb-board-panel {
    max-width: 100%;
    position: relative;
}

@media screen and (max-width: 863px){
    .sb-board-panel::before {
        content: "\02190  scroll \02192";
        right: 0;
        position: absolute;
        color: grey;
        top: -18px;
	}
}

#board > *{
    min-width: 800px;
    overflow-x: scroll;
    position: relative;
}

.container {
    min-width: 1px!important;
}