You need to sign in or sign up before continuing.
Fixed width problem with smartphone and projects side-bar
Negative margin-left
CSS has been set in pixel
instead of %
on projects side-bar.
How to reproduce
To reproduce, use a less-than-5-inch smartphone (eg. iPhone 5s) and connect to your user dashboard. Then tap on projects side-bar on the right edge of your screen. Side-bar slides to the left but too far (-350 px) and you cannot close it anymore.
Possible fix
You should change this:
.ui.active.right.wide.sidebar,
.ui.active.right.sidebar.btn.btn-create,
.ui.active.right.sidebar.btn.comment-btn,
.ui.active.right.sidebar.btn.btn-save {
margin-left: -350px !important;
}
.ui.wide.sidebar,
.ui.sidebar.btn.btn-create,
.ui.sidebar.btn.comment-btn,
.ui.sidebar.btn.btn-save {
width: 350px !important;
}
To this:
.ui.active.right.wide.sidebar,
.ui.active.right.sidebar.btn.btn-create,
.ui.active.right.sidebar.btn.comment-btn,
.ui.active.right.sidebar.btn.btn-save {
margin-left: -90% !important;
}
.ui.wide.sidebar,
.ui.sidebar.btn.btn-create,
.ui.sidebar.btn.comment-btn,
.ui.sidebar.btn.btn-save {
width: 90% !important;
}