Fix mobile view

This commit is contained in:
Antoine GIRARD
2015-05-18 21:37:07 +02:00
parent e576178e1e
commit 78a3e4454d

View File

@@ -1158,7 +1158,7 @@ ul.collaborator {
list-style-type: none;
margin-left: 0px;
}
ul.collaborator li {
background-color: #eee;
border: 1px solid #ccc;
@@ -1166,7 +1166,7 @@ ul.collaborator li {
padding: 6px;
margin-bottom: 2px;
}
ul.collaborator li:hover {
background-color: #f8f8f8;
}
@@ -1405,3 +1405,73 @@ h5 a.markdown-anchor-link {
h6 a.markdown-anchor-link {
top: 6px;
}
/****************************************************************************/
/* Mobile */
/****************************************************************************/
@media (max-width: 767px) {
body>form#search {
margin: 0 -20px 20px -20px;
}
body>div.dashboard-nav {
margin: 0 -20px 20px -20px;
padding: 0 10px;
}
.container {
width: auto !important;
}
.nav-pills-group .pull-right #search-filter-box {
width: 90% !important;
position: absolute;
left: 20px;
right: 20px;
margin-top: 42px;
}
.nav-pills-group .pull-right form#search-filter-form {
margin-bottom: 60px !important;
}
.table-issues a.button-link {
width: 42px;
height: 16px;
overflow: hidden;
display: inline-block;
}
.nav-tabs a.btn[href$="/_edit"] {
width: 24px;
white-space: nowrap;
overflow: hidden;
padding: 4px 6px;
margin: 3px 4px 0 0;
}
body>div.container.body {
margin: 0 -12px 40px -12px;
}
.container.body>div[style="width: 170px;"]{
width: 32px !important;
margin-right: -5px;
overflow: hidden;
white-space: nowrap;
}
.container.body>div[style="margin-right: 180px;"]{
margin-right: 32px !important;
}
.container.body>div[style="width: 170px;"] .sidemenu i, .container.body>div[style="width: 170px;"] .sidemenu img {
padding-right: 5px;
}
/* .container.body>div[style="width: 170px;"] .small,.container.body>div[style="width: 170px;"] .input-append, .container.body>div[style="width: 170px;"] div[style="margin-top: 10px;"] { */
.container.body>div[style="width: 170px;"] .small,.container.body>div[style="width: 170px;"] .input-append {
display: none;
}
.container.body>div[style="width: 170px;"] div[style="margin-top: 10px;"] a.btn{
width: 26px !important;
padding: 2px;
}
.container.body>div[style="width: 170px;"] div[style="margin-top: 10px;"] a.btn i {
margin: 5px 10px 5px 6px;
}
body>.container>#fork-form{
display: inline;
}
}