Responsive Filter top

kimchouard · kimchouard · commit de97f0d8f317 · 2013-12-30T16:48:38.000+01:00
diff --git a/index.html b/index.html
@@ -70,9 +70,9 @@
             <div class="large-12 columns">
                 <a name="projects"></a>
                 
-                <h2 class="large-6 columns" data-magellan-destination="projects">Projects</h2>
-                <form class="large-3 columns custom mainFilters">
-                    <div class="large-9 columns">
+                <h2 class="large-6 small-4 columns" data-magellan-destination="projects">Projects</h2>
+                <form class="large-3 small-8 columns custom mainFilters">
+                    <div class="large-10 small-10 columns">
                         <select id="orderby" class="medium" ng-model="filterOrder">
                             <option value="" DISABLED>Order by:</option>
                             <option value="-watchers_count" selected>Popularity</option>
@@ -81,7 +81,7 @@ <h2 class="large-6 columns" data-magellan-destination="projects">Projects</h2>
                             <option value="name">Name</option>
                         </select>
                     </div>
-                    <div class="button large-2 culumns" ng-click="toggleFilters = !toggleFilters">
+                    <div class="button large-2 small-2 culumns" ng-click="toggleFilters = !toggleFilters">
                         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
 <path fill="#000000" d="M50.717,2.495c-29.288,0-47.692,6-47.692,10.833c0,5.932,16.029,19.893,20.167,23.667  c4.712,4.299,16.044,16.058,16.5,18.001c0.147,2.147,2.002,35.008,2.002,35.008s-0.168,5.5,8.998,5.5  c9.166,0,8.498-5.334,8.498-5.334s2.169-32.674,2.169-34.84s8.333-10.835,18.5-20.002c10.167-9.167,18.167-15.758,18.167-22  C98.025,8.299,80.004,2.495,50.717,2.495z M50.481,21.083C28.676,21.083,11,17.965,11,14.12s17.676-7.964,39.481-7.964  c21.801,0,39.478,4.119,39.478,7.964S72.282,21.083,50.481,21.083z"/>
 </svg>
diff --git a/stylesheets/app.css b/stylesheets/app.css
@@ -7525,7 +7525,6 @@ a.th {
   margin-bottom: 10px;
   background: #e9e9e9;
   width: 100%;
-  height: 65px;
   overflow: hidden;
 }
 /* line 346, sass/app.scss */
diff --git a/stylesheets/sass/app.scss b/stylesheets/sass/app.scss
@@ -350,7 +350,7 @@ $header-font-family: 'Open Sans', Cambria, 'Times New Roman', Times, sans-serif
         
         margin-bottom: 10px;
         background: #e9e9e9;
-        width: 100%; height: 65px;
+        width: 100%; // height: 65px;
         overflow: hidden;
         
         .star {

Original file line number	Diff line number	Diff line change
`@@ -7525,7 +7525,6 @@ a.th {`
`7525`	`7525`	`margin-bottom: 10px;`
`7526`	`7526`	`background: #e9e9e9;`
`7527`	`7527`	`width: 100%;`
`7528`		`- height: 65px;`
`7529`	`7528`	`overflow: hidden;`
`7530`	`7529`	`}`
`7531`	`7530`	`/* line 346, sass/app.scss */`