Adding question text area to the shadow question's page (#5805)

* adding question text area * change the heading font
publiclab · May 30, 2019 · 1ca64cf · 1ca64cf
1 parent 36902d4
commit 1ca64cf
Showing 1 changed file with 54 additions and 2 deletions.
diff --git a/app/views/questions/index_shadow.html.erb b/app/views/questions/index_shadow.html.erb
@@ -8,10 +8,62 @@
    <div class="col-md-7" style="text-align: left;">
      <h5>Get help with your Questions</h5>
      <h2>Ask the community</h2>
-     <p style="color: #666">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 
+     <p style="color: #666">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
        eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      <a href="https://publiclab.org/wiki/public-lab-q-and-a" style="text-decoration: underline;">Learn More >></a>
    </div>
  </div>
+ <div class="question-area">
+   <div class= "question-header">
+     <h5>What's your question?</h5>
+     <% if !current_user %>
+       <p>To ask a question, please <a href="/login?return_to=/questions">log in</a> or <a href="/signup?return_to=/questions">sign up</a> first.</p>
+     <% end %>
+   </div>
+   <div class= "question-form">
+     <form id="questions_searchform" role="search" autocomplete="off" action="/post">
+       <div class="input-group">
+         <textarea tabindex="1" id="questions_searchform_input" type="text" name="title" class="<%= "disabled " if !current_user %>form-control search-query typeahead" qryType="questions" placeholder="type your question"></textarea>
+         <input type="hidden" name="tags" value="question:general">
+         <input type="hidden" name="template" value="question">
+         <input type="hidden" name="redirect" value="question">
+       </div>
+       <div class="input-group-append">
+         <button id="question_search" type="submit" rel="tooltip" title="Ask a question with the entered title" class="btn btn-primary">Continue</button>
+       </div>
+     </form>
+ </div>
+ </div>
+ <style>
+  .question-area{
+    margin:auto;
+    width:70%;
+    background-color: #F5F5F5;
+    height: 300px;
+    border-radius: 10px;
+  }
+
+  .question-header, .question-form{
+    margin:auto;
+    width:90%;
+    text-align: center;
+  }
+
+  .question-header{
+    padding-top: 20px;
+  }
+
+  .input-group{
+    padding-bottom: 20px;
+    padding-bottom: 15px;
+  }
+
+  .input-group-append{
+    float: right;
+  }
 
-
+  textarea {
+    resize: none;
+    height: 170px;
+  }
+ </style>