Fixes inputs width inside .nav-controls

This commit is contained in:
Alfredo Sumaran 2016-03-15 14:00:52 -05:00
parent 748e0b9c54
commit 9c42c197ce
4 changed files with 26 additions and 3 deletions

View file

@ -375,7 +375,6 @@ table {
position: absolute;
top: 0;
right: 0;
width: 250px !important;
visibility: hidden;
}
}

View file

@ -11,3 +11,11 @@
}
}
}
@media (max-width: $screen-xs-max) {
.filter-item {
display: block;
margin: 0 0 10px 0;
}
}

View file

@ -128,15 +128,23 @@
}
}
@media (max-width: 600px) {
.btn, form {
@media (max-width: $screen-xs-max) {
padding-bottom: 0;
.btn, form, .dropdown, .dropdown-menu-toggle, .form-control {
margin: 0 0 10px 0;
display: block;
width: 100%;
}
form {
display: block;
height: auto;
input {
width: 100%;
margin: 0 0 10px 0;
}
}
input.input-short {
@ -146,6 +154,12 @@
.icon-label {
display: inline-block;
}
// Applies on /dashboard/issues
.project-item-select-holder {
display: block;
margin: 0;
}
}
/* Small devices (tablets, 768px and lower) */

View file

@ -10,6 +10,8 @@
- if current_user
= link_to issues_dashboard_url(format: :atom, private_token: current_user.private_token), class: 'btn' do
= icon('rss')
%span.icon-label
Subscribe
= render 'shared/new_project_item_select', path: 'issues/new', label: "New Issue"
= render 'shared/issuable/filter', type: :issues