adjust direction based on context

Author: polkerty

media/commitfest/css/commitfest.css

@@ -37,7 +37,7 @@ div.form-group div.controls input.threadpick-input {
    display: inline;
 }
 
-.dropdown-menu__up {
+.dropdown-menu--up {
    top: initial;
    bottom: 100%;
 }

pgcommitfest/commitfest/templates/patch.html

@@ -183,7 +183,9 @@ <h4>Annotations</h4>
   </tbody>
 </table>
 
+{% with dropdown_mode="dropdown-menu--up" %}
 {%include "patch_commands.inc"%}
+{% endwith %}
 
 {%comment%}commit dialog{%endcomment%}
 <div class="modal fade" id="commitModal" role="dialog">

pgcommitfest/commitfest/templates/patch_commands.inc

@@ -3,15 +3,15 @@
 
 <div class="btn-group">
  <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">Comment/Review <span class="caret"></span></a>
- <ul class="dropdown-menu dropdown-menu__up">
+ <ul class="dropdown-menu {{ dropdown_mode }}">
   <li><a href="comment/">Comment</a>
   <li><a href="review/">Review</a>
  </ul>
 </div>
 
 <div class="btn-group">
  <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">Change Status <span class="caret"></span></a>
- <ul class="dropdown-menu dropdown-menu__up" role="menu">
+ <ul class="dropdown-menu {{ dropdown_mode }}" role="menu">
   <li role="presentation" class="dropdown-header">Open statuses</li>
   <li role="presentation"><a href="status/review/">Needs review</a></li>
   <li role="presentation"><a href="status/author/">Waiting on Author</a></li>
@@ -29,7 +29,7 @@
 {%if request.user.is_staff%}
 <div class="btn-group">
  <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">Send private mail <span class="caret"></span></a>
- <ul class="dropdown-menu dropdown-menu__up">
+ <ul class="dropdown-menu {{ dropdown_mode }}">
   <li><a href="send_email/?authors={{patch.id}}">Send mail to authors</a></li>
   <li><a href="send_email/?reviewers={{patch.id}}">Send mail to reviewers</a></li>
   <li><a href="send_email/?authors={{patch.id}}&reviewers={{patch.id}}">Send mail to authors and reviewers</a></li>