From 901693ef1668b40f49cecbe70f4f0569a4e301f4 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Sat, 25 Jul 2020 09:59:48 -0500
Subject: [PATCH] fix: opaque channel buttons for mobile

---
 src/client/channel.scss | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/client/channel.scss b/src/client/channel.scss
index 56c5a4f..7f22a7d 100644
--- a/src/client/channel.scss
+++ b/src/client/channel.scss
@@ -1,3 +1,4 @@
+@import '~/client/scss/breakpoints.scss';
 @import '~/client/scss/colors.scss';
 
 .channel__item {
@@ -63,13 +64,15 @@
   background-color: transparent;
   border: 0;
   color: inherit;
-  opacity: 0.2;
   padding: 0.5em;
-  .channel:hover & {
-    opacity: 0.5;
-  }
-  .channel:hover &:hover {
-    background-color: rgba(255, 255, 255, 0.1);
-    opacity: 1;
+  @include breakpoint(desktop) {
+    opacity: 0.2;
+    .channel:hover & {
+      opacity: 0.5;
+    }
+    .channel:hover &:hover {
+      background-color: rgba(255, 255, 255, 0.1);
+      opacity: 1;
+    }
   }
 }