responsive chosen selects. Hide milestone dropdown for sm displays

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
gitlabhq · Jan 4, 2014 · e680228 · e680228
1 parent 35287f1
commit e680228
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 8 deletions.
diff --git a/app/assets/stylesheets/generic/selects.scss b/app/assets/stylesheets/generic/selects.scss
@@ -59,10 +59,36 @@
 
 select {
   &.chosen {
-    min-width: 200px;
+    min-width: 100px;
   }
 
   &.chosen-sm {
     min-width: 100px;
   }
 }
+
+@media (min-width: $screen-sm-min) {
+  select {
+    &.chosen {
+      min-width: 150px;
+    }
+  }
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: $screen-md-min) {
+  select {
+    &.chosen {
+      min-width: 170px;
+    }
+  }
+}
+
+/* Large devices (large desktops, 1200px and up) */
+@media (min-width: $screen-lg-min) {
+  select {
+    &.chosen {
+      min-width: 200px;
+    }
+  }
+}
diff --git a/app/assets/stylesheets/sections/issues.scss b/app/assets/stylesheets/sections/issues.scss
@@ -120,11 +120,6 @@ input.check_all_issues {
   }
 }
 
-.edit-issue.inline-update select {
-  width: 100%;
-  max-width: 200px;
-}
-
 .issue-show-labels .label {
   padding: 6px 10px;
 }

diff --git a/app/views/projects/issues/_issue_context.html.haml b/app/views/projects/issues/_issue_context.html.haml
@@ -1,5 +1,4 @@
 = form_for [@project, @issue], remote: true, html: {class: 'edit-issue inline-update'} do |f|
-  .pull-right
   Created by #{link_to_member(@project, issue.author)}&nbsp;
   - if issue.assignee
     \ and currently assigned to
@@ -12,7 +11,7 @@
     = link_to_member(@project, @issue.assignee)
 
 
-  .pull-right
+  .pull-right.hidden-sm
     - if issue.milestone
       - milestone = issue.milestone
       %cite.cgray Attached to milestone