edits to the card class, js function at bottom of explore pages

extradopesociety · Sep 21, 2020 · 3cc4f06 · 3cc4f06
1 parent 2bc198f
commit 3cc4f06
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 2 deletions.
diff --git a/assets/css/devportal.css b/assets/css/devportal.css
diff --git a/assets/css/devportal.css.map b/assets/css/devportal.css.map
diff --git a/styles/_content.scss b/styles/_content.scss
@@ -122,10 +122,16 @@ td:nth-child(1) {
   padding: 2rem;
   background: rgba(34, 37, 43, 0.5);
   backdrop-filter: blur(3px);
+  border-radius: 8px;
+  opacity: 1;
+  transition: all 0.35s ease-in-out;
   @include media-breakpoint-down(sm) {
     margin-left: 15px;
     margin-right: 15px;
   }
+  &.not-hover {
+    opacity: 0.6;
+  }
 }
 .section-marker {
   position: absolute;

diff --git a/tool/template-explore-businesses.html b/tool/template-explore-businesses.html
@@ -111,6 +111,17 @@ <h3 class="my-10 h4">{% trans %}Applications{% endtrans %}</h3>
 
 
 {% block endbody %}
+<script type="text/javascript">
+  $( '.card-b' )
+  .mouseover( function(e){
+    $( '.card-b' ).addClass( 'not-hover' );
+    $( this ).removeClass( 'not-hover' );
+  })
+  .mouseout( function(e){
+    $( '.card-b' ).removeClass( 'not-hover' );
+  });
+</script>
+
 <script type="application/javascript">
   gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
 </script>

diff --git a/tool/template-explore-exchanges.html b/tool/template-explore-exchanges.html
@@ -77,6 +77,16 @@ <h5 class="ml-3 mb-3">{% trans %}Top Exchanges, according to CryptoCompare (as o
 
 
 {% block endbody %}
+<script type="text/javascript">
+  $( '.card-b' )
+  .mouseover( function(e){
+    $( '.card-b' ).addClass( 'not-hover' );
+    $( this ).removeClass( 'not-hover' );
+  })
+  .mouseout( function(e){
+    $( '.card-b' ).removeClass( 'not-hover' );
+  });
+</script>
 <script type="application/javascript">
   gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
 </script>

diff --git a/tool/template-explore-wallets.html b/tool/template-explore-wallets.html
@@ -69,6 +69,16 @@ <h5 class="ml-3 mb-3">{% trans %}Hardware Wallets:{% endtrans %}</h5>
 
 
 {% block endbody %}
+<script type="text/javascript">
+  $( '.card-b' )
+  .mouseover( function(e){
+    $( '.card-b' ).addClass( 'not-hover' );
+    $( this ).removeClass( 'not-hover' );
+  })
+  .mouseout( function(e){
+    $( '.card-b' ).removeClass( 'not-hover' );
+  });
+</script>
 <script type="application/javascript">
   gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
 </script>