fix(contact-form): Fixed display success wrapper

algolia · Jun 22, 2016 · ca4eab0 · ca4eab0
1 parent 04be137
commit ca4eab0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/docs/source/contact.html.haml b/docs/source/contact.html.haml
@@ -9,7 +9,7 @@ subtitle: Turn any <code>&lt;input&gt;</code> into an address autocomplete
  .container
  %div
  %h2.title Contact Us
- #form-message-success
+ #form-message-success.hide
  %form#form-contact{:action => "https://goto.algolia.com/l/139121/2016-06-21/gbdyh", :method => "post", :onsubmit => "return validateForm()"}
  .col-6
  .form-group
@@ -63,18 +63,16 @@ subtitle: Turn any <code>&lt;input&gt;</code> into an address autocomplete
  }
  };
 
-
-
  (function() {
 
  var formState = getUrlParameter('form');
 
  if (formState === 'success'){
  document.getElementById("form-message-success").innerHTML="Thank you for contacting us regarding Algolia Places, we'll be in touch shortly.<br><br>Return to <a href='https://community.algolia.com/places'>Places homepage</a> or <a href='https://www.algolia.com/product'>learn more about Algolia</a>";
+ document.getElementById("form-message-success").className = "";
  document.getElementById("form-contact").className += " hide";
  }
 
-
  var placesAutocomplete = places({
  container: document.querySelector('#country'),
  type: 'country',

diff --git a/docs/source/stylesheets/components/_inputs.scss b/docs/source/stylesheets/components/_inputs.scss
@@ -69,6 +69,9 @@ input {
  padding: 30px;
  text-align: center;
  border-radius: 4px;
+ &.hide{
+ display: none;
+ }
 }
 
 #form-contact {