8625bd3622
Signed-off-by: Rémy Coutable <remy@rymai.me>
141 lines
2 KiB
SCSS
141 lines
2 KiB
SCSS
/** Common mobile (screen XS, SM) styles **/
|
|
@media (max-width: $screen-xs-max) {
|
|
.container .content {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.container-fluid {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.nav-links > li > a {
|
|
padding: 10px;
|
|
font-size: 12px;
|
|
margin-right: 3px;
|
|
|
|
.badge {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.referenced-users {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.issues-details-filters,
|
|
.dash-projects-filters,
|
|
.check-all-holder {
|
|
display: none;
|
|
}
|
|
|
|
.rss-btn {
|
|
display: none;
|
|
}
|
|
|
|
.project-home-links {
|
|
display: none;
|
|
}
|
|
|
|
.project-avatar {
|
|
display: none;
|
|
}
|
|
|
|
.project-home-panel {
|
|
padding-left: 0 !important;
|
|
|
|
.project-avatar {
|
|
display: block;
|
|
}
|
|
|
|
.project-repo-buttons,
|
|
.git-clone-holder {
|
|
display: none;
|
|
}
|
|
|
|
// Display Star and Fork buttons without counters on mobile.
|
|
.project-action-buttons {
|
|
display: block;
|
|
|
|
.count-buttons .btn {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.count-buttons .count-with-arrow {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.project-stats {
|
|
display: none;
|
|
}
|
|
|
|
.group-right-buttons {
|
|
display: none;
|
|
}
|
|
|
|
.container .title {
|
|
padding-left: 15px !important;
|
|
}
|
|
|
|
.issue-info, .merge-request-info {
|
|
display: none;
|
|
}
|
|
|
|
.nav-links, .nav-links {
|
|
li a {
|
|
font-size: 14px;
|
|
padding: 19px 10px;
|
|
}
|
|
}
|
|
|
|
.activity-filter-block {
|
|
display: none;
|
|
}
|
|
|
|
.projects-search-form {
|
|
.btn {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: $screen-sm-max) {
|
|
.issues-filters {
|
|
.milestone-filter, .labels-filter {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.page-title {
|
|
.note-created-ago, .new-issue-link {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.issue_edited_ago, .note_edited_ago {
|
|
display: none;
|
|
}
|
|
|
|
aside:not(.right-sidebar) {
|
|
display: none;
|
|
}
|
|
|
|
.show-aside {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
.show-aside {
|
|
display: none;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 30%;
|
|
padding: 5px 15px;
|
|
background: #eee;
|
|
font-size: 20px;
|
|
color: #777;
|
|
z-index: 100;
|
|
@include box-shadow(0 1px 2px #ddd);
|
|
}
|