Add poll stats by gender and channel

2019-01-04 18:24:06 +01:00
parent 553af8e95b
commit 7b408a4b88
8 changed files with 170 additions and 3 deletions
--- a/app/assets/stylesheets/stats.scss
+++ b/app/assets/stylesheets/stats.scss
@@ -81,4 +81,66 @@
    border-bottom-left-radius: rem-calc(20);
    border-top-left-radius: rem-calc(20);
  }
+
+  .gender-and-channel {
+    thead,
+    tbody {
+      border: 0;
+    }
+
+    thead,
+    tr,
+    th {
+      background-color: transparent;
+    }
+
+    td,
+    th {
+      text-align: center;
+      text-transform: uppercase;
+
+      &::before {
+        display: inline-block;
+        transform: scale(0.6);
+        vertical-align: middle;
+      }
+    }
+
+    th {
+      font-weight: bold;
+      font-size: rem-calc(21);
+
+      &.gender {
+        opacity: 0;
+      }
+
+      &.web::before {
+        content: image-url('stats_web.png');
+      }
+
+      &.booth::before {
+        content: image-url('stats_booth.png');
+      }
+
+      &.mail::before {
+        content: image-url('stats_mail.png');
+      }
+    }
+
+    td {
+      &.gender {
+        font-weight: bold;
+        font-size: rem-calc(21);
+        text-align: left;
+      }
+
+      &.male::before {
+        content: image-url('stats_man.png');
+      }
+
+      &.female::before {
+        content: image-url('stats_woman.png');
+      }
+    }
+  }
 }