Revert "chore: improve sticky ad visually"

This reverts commit a831b2a.
thoughtram · Dec 22, 2016 · 4ba4517 · 4ba4517
1 parent e366eda
commit 4ba4517
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -84,16 +84,14 @@ <h2 class="thtrm-banner-text">{{page.title}}</h2>
       <div class="thtrm-constraint thtrm-constraint--slim">
 
         <div class="thtrm-article">
-
-          {% if page.tags contains 'angular2' %}
-
-          <a href="https://www.eventbrite.com/e/angular-2-master-class-sydney-tickets-28884003833?aff=blogad"  title="Angular 2 Master Class Sydney" class="thtrm-ad thtrm-section thtrm-section--is-promo is-sticky">
+          <section class="thtrm-ad thtrm-section thtrm-section--is-promo is-sticky">
             <img width="100" src="/images/angular2-shield-inverse.svg">
             <h3 class="thtrm-section-headline">Angular Master Class in Sydney</h3>
             <p class="thtrm-section-text">Learn Angular in our upcoming public training in January!</p>
-            <span  id="event-cta" class="thtrm-layout-divider-cta">Join now</span>
-          </a>
+            <a href="https://www.eventbrite.com/e/angular-2-master-class-sydney-tickets-28884003833?aff=blogad" title="Angular 2 Master Class Sydney" id="event-cta" class="thtrm-layout-divider-cta">Join now <strong>&rarr;</strong></a>
+          </section>
 
+          {% if page.tags contains 'angular2' %}
           <p style="background-color: lightgoldenrodyellow; border: solid 2px #f9dead; padding: 1em; text-align: center; border-radius: 0.3em;">Contents are based on Angular version <strong>>= 2.x</strong> unless explicitely stated differently.</p>
           {% endif %}
 
@@ -218,6 +216,7 @@ <h3>{{ post.title }}</h3>
           } 
           if (el.classList.contains('thtrm-ad')) {
             el.classList.add('thtrm-ad--sticky');
+            el.classList.add('thtrm-ad--description');
           }
 
           Stickyfill.add(el);

diff --git a/_sass/_custom.scss b/_sass/_custom.scss
@@ -71,6 +71,10 @@
 
   &--is-promo-light {
     background: #5C8491;
+
+    .thtrm-layout-divider-cta:hover {
+      color: #5C8491;
+    }
   }
 }
 
@@ -299,11 +303,6 @@
 
 .thtrm-ad {
   background-color: #62a7be;
-  transition: ease background 300ms;
-
-  &:hover {
-    background-color: #2c94b7;
-  }
 
   &.thtrm-section--is-promo {
     padding: 1.5em;
@@ -329,6 +328,10 @@
       font-size: 16px;
     }
   }
+
+  &--without-description {
+    .thtrm-section-text { display: none; }
+  }
 }
 
 .thtrm-alert {