Add event listener and clean up image styling

fac-14 · Sep 21, 2018 · b477e2b · b477e2b
1 parent 42a57d4
commit b477e2b
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 11 deletions.
diff --git a/public/js/hideresultssections.js b/public/js/hideresultssections.js
@@ -1,5 +1,10 @@
-function hideMe() {
-  var a = event.target.id + '-results';
+function hideMe(event) {
+  var a;
+  if (event.target.nodeName == "IMG"){
+    var a = event.target.parentNode.id + '-results';
+  } else {
+    var a = event.target.id + '-results';
+  }
   var elementToHide = document.getElementById(a)
   elementToHide.classList.toggle('hidden');
 }
diff --git a/public/stylesheets/.sass-cache/9043c61f2d05e4c57ad7e43c425459b6c88297cc/main.scssc b/public/stylesheets/.sass-cache/9043c61f2d05e4c57ad7e43c425459b6c88297cc/main.scssc
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
diff --git a/public/stylesheets/main.css.map b/public/stylesheets/main.css.map
diff --git a/public/stylesheets/main.scss b/public/stylesheets/main.scss
@@ -272,7 +272,7 @@ img {
     border: {
         radius: $round-image;
     }
-    width: $small-image;
+    max-height: 60vh;
     max-width: 90%;
 }
 

diff --git a/src/views/results.hbs b/src/views/results.hbs
@@ -7,7 +7,7 @@
     <div class='centered-column secondary-background thirtytwo-padding flex-col padding-lft'>
         {{#with results}} 
         {{#if meetup}}
-        <h2 class="centered-content-no-padding padding-lft"><a id="meetup" onclick="hideMe()" tabindex="0">Meetups<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
+        <h2 class="centered-content-no-padding padding-lft"><a id="meetup" onclick="hideMe(event)" tabindex="0">Meetups<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
         <div id="meetup-results">
             <ul>
                 {{#each meetup}}
@@ -22,7 +22,7 @@
         {{/if}}
 
         {{#if article}}
-        <h2 class="centered-content-no-padding padding-lft"><a id="article" onclick="hideMe()" tabindex="0">Articles<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
+        <h2 class="centered-content-no-padding padding-lft"><a id="article" onclick="hideMe(event)" tabindex="0">Articles<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
         <div id="article-results">
             <ul>
                 {{#each article}}
@@ -38,7 +38,7 @@
         {{/if}}
 
     {{#if [classroom course]}}
-        <h2 class="centered-content-no-padding padding-lft"><a id="classroom" onclick="hideMe()" tabindex="0">Classroom courses<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
+        <h2 class="centered-content-no-padding padding-lft"><a id="classroom" onclick="hideMe(event)" tabindex="0">Classroom courses<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
         <div id="classroom-results">
             <ul>
                 {{#each [classroom course]}}
@@ -54,7 +54,7 @@
         {{/if}}
 
     {{#if [online course]}}
-        <h2 class="centered-content-no-padding padding-lft"><a id="online" onclick="hideMe()" tabindex="0">Online courses<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
+        <h2 class="centered-content-no-padding padding-lft"><a id="online" onclick="hideMe(event)" tabindex="0">Online courses<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
         <div id="online-results">
             <ul>
                 {{#each [online course]}}
@@ -70,7 +70,7 @@
         {{/if}}
 
     {{#if mentor}}
-        <h2 class="centered-content-no-padding padding-lft"><a id="people" onclick="hideMe()" tabindex="0">Inspirational people<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
+        <h2 class="centered-content-no-padding padding-lft"><a id="people" onclick="hideMe(event)" tabindex="0">Inspirational people<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
         <div id="people-results">
             <ul>
                 {{#each mentor}}
@@ -86,7 +86,7 @@
         {{/if}}  
 
     {{#if others}}
-        <h2 class="centered-content-no-padding padding-lft"><a id="other" onclick="hideMe()" tabindex="0">Other<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
+        <h2 class="centered-content-no-padding padding-lft"><a id="other" onclick="hideMe(event)" tabindex="0">Other<img src="images/down-arrow.svg" class="down-arrow-img" alt="Down arrow to collapse section"></a></h2>
         <div id="other-results">
             <ul>
                 {{#each others}}