Merge branch 'fix-mobile' of https://github.com/sapk/gitbucket into sapk-fix-mobile

# Conflicts:
#	src/main/webapp/assets/common/css/gitbucket.css
This commit is contained in:
Naoki Takezoe
2015-05-25 22:57:24 +09:00

View File

@@ -1301,7 +1301,7 @@ ul.collaborator {
list-style-type: none;
margin-left: 0px;
}
ul.collaborator li {
background-color: #eee;
border: 1px solid #ccc;
@@ -1309,7 +1309,7 @@ ul.collaborator li {
padding: 6px;
margin-bottom: 2px;
}
ul.collaborator li:hover {
background-color: #f8f8f8;
}
@@ -1702,3 +1702,72 @@ div.container.blame-container{
.heat9{background-color:#a2503a}
.heat10{background-color:#793738}
/****************************************************************************/
/* 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;
}
}