From e680228bf21a20213560f93de1f573b4ab4c2f79 Mon Sep 17 00:00:00 2001
From: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Date: Sat, 4 Jan 2014 19:46:52 +0200
Subject: [PATCH] responsive chosen selects. Hide milestone dropdown for sm
 displays

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
---
 app/assets/stylesheets/generic/selects.scss   | 28 ++++++++++++++++++-
 app/assets/stylesheets/sections/issues.scss   |  5 ----
 .../projects/issues/_issue_context.html.haml  |  3 +-
 3 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/generic/selects.scss b/app/assets/stylesheets/generic/selects.scss
index ccc825f7a85..4f96b7d7e8b 100644
--- 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
index c8e55775040..10add561c36 100644
--- 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
index 1e6c04d2b93..d31b20b8815 100644
--- 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