Merge pull request #2 from whitzhu/christian_channel_switch

Christian channel switch
rtibbles · Aug 8, 2016 · 6e7c5c2 · 6e7c5c2
2 parents eaac280 + ff505cb
commit 6e7c5c2
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/kolibri/plugins/learn/assets/src/vue/icons/arrowdown.svg b/kolibri/plugins/learn/assets/src/vue/icons/arrowdown.svg
diff --git a/kolibri/plugins/learn/assets/src/vue/index.vue b/kolibri/plugins/learn/assets/src/vue/index.vue
@@ -129,6 +129,25 @@
     @media screen and (max-width: $portrait-breakpoint)
       right: 1rem
 
+  select
+    position: relative
+    float: right
+    right: $card-gutter
+    display: block
+    width: 11em
+    padding: 0.2em 0.8em
+    color: $core-text-annotation
+    font-size: 0.9rem
+    border: 1px solid $core-text-annotation
+    border-radius: 50px
+    background: url(./icons/arrowdown.svg) no-repeat right
+    -webkit-appearance: none
+    -moz-appearance: none
+    outline: none
+
+  select:focus
+    background-color: $core-action-light
+
   .search-pane
     background-color: $core-bg-canvas
     overflow-y: scroll