woople-theme 0.2.35 → 0.2.36

data/app/assets/javascripts/woople-theme/theme.js

@@ -51,6 +51,51 @@ function visitLocation(element, newWindow) {
   }
 }
 
+function mobileSearchToggle() {
+  var mobileSearch = $('<div></div>').addClass('mobile-search');
+
+  $('a.search-page').on('click', function(e) {
+    e.preventDefault();
+    
+    if ($(window).width() > 768) {
+      return;
+    }
+    
+    var masthead        = $('#masthead');
+    var menu            = $('.container .menu');
+    var form            = $('form.search');
+    var profile         = $('.profile');
+
+    var clonedForm      = form.clone(true);
+    var menuOffset      = menu.offset();
+
+    masthead.toggleClass('mobile-search-visible');
+    menu.toggleClass('mobile-search-visible');
+
+    $(clonedForm).children('a').remove();
+    
+    if ($(mobileSearch).is(":visible")) {
+      mobileSearch.html(null);
+      mobileSearch.hide();
+    } else { 
+      mobileSearch.html(clonedForm);
+      mobileSearch.show();
+      $(profile).before(mobileSearch);
+    }
+    
+    return false;
+  });
+  
+  $(document).resize(function(e) {
+    if ($(window).width() > 768) {
+      $('#masthead').removeClass('mobile-search-visible');
+      $('.container .menu').removeClass('mobile-search-visible');
+      $('.mobile-search').html(null);
+      $('.mobile-search').hide();
+    }
+  });
+}
+
 $(document).ready(function() {
   resizeFix();
 
@@ -88,4 +133,6 @@ $(document).ready(function() {
       width:  2
     });
   });
-});
+
+  mobileSearchToggle();
+});

data/app/assets/stylesheets/woople-theme/profile.css.less

@@ -1,6 +1,26 @@
 @import "woople-theme/variables.css.less";
 @import "woople-theme/colours.css.less";
 
+#masthead.mobile-search-visible {
+  height: 72px;
+} 
+.container .menu.mobile-search-visible {
+  top: 120px;
+}
+
+.mobile-search {
+  display: none;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+  margin-top: 25px;
+  text-align: right;
+
+  input {
+    margin-bottom: 10px;
+    height: 28px;
+  }
+}
+
 .profile {
   position:absolute;
   top:19px;
@@ -89,7 +109,27 @@
   }
 }
 
+@media (min-width: 320px) {
+  .mobile-search {   
+    input {
+      width: 278px;
+    }
+  }
+}
+@media (min-width: 480px) {
+  .mobile-search {
+    input {
+      width: 438px;
+    }
+  }
+}
 @media (max-width: 768px) {
+  .mobile-search {
+    input {
+      width: 682px;
+    }
+  }
+
   .profile {
     right:5px;
     width:auto;
@@ -117,4 +157,4 @@
       }
     }
   }
-}
+}

data/lib/woople-theme/version.rb

@@ -1,3 +1,3 @@
 module WoopleTheme
-  VERSION = "0.2.35"
+  VERSION = "0.2.36"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: woople-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.35
+  version: 0.2.36
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-06-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70108975536180 !ruby/object:Gem::Requirement
+  requirement: &70277082715240 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: 3.2.5
   type: :runtime
   prerelease: false
-  version_requirements: *70108975536180
+  version_requirements: *70277082715240
 - !ruby/object:Gem::Dependency
   name: less-rails-bootstrap
-  requirement: &70108975535620 !ruby/object:Gem::Requirement
+  requirement: &70277082714340 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - =
@@ -32,10 +32,10 @@ dependencies:
         version: 2.0.8
   type: :runtime
   prerelease: false
-  version_requirements: *70108975535620
+  version_requirements: *70277082714340
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &70108975535220 !ruby/object:Gem::Requirement
+  requirement: &70277082707300 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70108975535220
+  version_requirements: *70277082707300
 - !ruby/object:Gem::Dependency
   name: sqlite3
-  requirement: &70108975534600 !ruby/object:Gem::Requirement
+  requirement: &70277082706320 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70108975534600
+  version_requirements: *70277082706320
 - !ruby/object:Gem::Dependency
   name: rspec-rails
-  requirement: &70108975534100 !ruby/object:Gem::Requirement
+  requirement: &70277082705520 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -65,10 +65,10 @@ dependencies:
         version: 2.9.0
   type: :development
   prerelease: false
-  version_requirements: *70108975534100
+  version_requirements: *70277082705520
 - !ruby/object:Gem::Dependency
   name: capybara
-  requirement: &70108975533640 !ruby/object:Gem::Requirement
+  requirement: &70277082704880 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,7 +76,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70108975533640
+  version_requirements: *70277082704880
 description: All Front-End all the Time
 email:
 - developers@bigbangtechnology.com
@@ -199,7 +199,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.15
+rubygems_version: 1.8.10
 signing_key: 
 specification_version: 3
 summary: Our Front-End CSS Framework/Theme