Merge pull request #2597 from awesomerobot/master

fixing tiger striping on mobile

app/assets/stylesheets/common/base/_topic-list.scss

@@ -21,9 +21,7 @@
   background: rgba($secondary, .8);
 
   > tbody > tr {
-    &:nth-child(even) {
-        background-color: darken($secondary, 3%);
-    }
+  
     &.archived a {
       opacity: 0.6;
     }

app/assets/stylesheets/desktop/topic-list.scss

@@ -61,7 +61,14 @@
     button i.fa {color: scale-color($primary, $lightness: 50%);}
   }
 
-
+  > tbody > tr {
+    &:nth-child(even) {
+        background-color: darken($secondary, 3%);
+    }
+    &:nth-child(odd) {
+        background-color: $secondary;
+    }
+  }
   button.bulk-select {
     padding: 0;
     background: transparent;
@@ -154,11 +161,13 @@
   th.posts {
     position: relative;
   }
-  > tbody > tr:nth-child(odd) {
-    background-color: darken($secondary, 3%);
-  }
-  > tbody > tr:nth-child(even) {
-    background-color: $secondary;
+  > tbody > tr {
+    &:nth-child(odd) {
+        background-color: darken($secondary, 3%);
+      }
+    &:nth-child(even) {
+      background-color: $secondary;
+      }
   }
   th .toggle-admin {
     position: absolute;

app/assets/stylesheets/desktop/topic-post.scss

@@ -464,10 +464,15 @@ a.star {
 #suggested-topics {
   clear: left;
   padding: 20px 0 15px 0;
-  #topic-list > tbody > tr:nth-child(even) {
-    background-color: darken($secondary, 3%);
-  }
-  #topic-list > tbody > tr:nth-child(odd) {
+  #topic-list {
+    > tbody > tr {
+      &:nth-child(odd) {
+          background-color: darken($secondary, 3%);
+      }
+      &:nth-child(even) {
+          background-color: $secondary;
+      }
+    }
   }
   table {
     box-shadow: none;

app/assets/stylesheets/mobile/topic-list.scss

@@ -28,6 +28,16 @@
 // --------------------------------------------------
 
 #topic-list {
+
+  > tbody > tr {
+    &:nth-child(odd) {
+      background-color: darken($secondary, 3%);
+      }
+    &:nth-child(even) {
+      background-color: $secondary;
+      }
+    }
+
   th,
   td {
     padding: 7px 5px;
@@ -71,6 +81,8 @@
 // Category list
 // --------------------------------------------------
 
+
+
 #topic-list.categories {
   td.latest {
     vertical-align: top;
@@ -112,15 +124,25 @@
 }
 
 .category-list-item {
+
+  #topic-list > tbody > tr {
+    &:nth-child(odd) {
+      background-color: $secondary;
+      }
+      &:nth-child(even) {
+        background-color: $secondary;
+      }
+    }
+
   margin-bottom: 10px;
-  #topic-list tbody tr:nth-child(even) {
-    background-color: darken($secondary, 3%);
-  }
+
   th .badge-category {
     float: left;
     margin: 1px 4px 0 0;
     font-size: 110%;
   }
+
+
   .posters {
     float: left;
   }