From 56fbdb425018c74a198992bb09394432fded40c1 Mon Sep 17 00:00:00 2001
From: Alice Jenkinson <h@nea.nz>
Date: Sat, 18 Mar 2017 17:31:01 +1300
Subject: [PATCH] Work around hover state being applied to buttons in inputbar
 on mobile

---
 css/themes/base16-default.css | 12 +++++++++---
 css/themes/blue.css           | 12 +++++++++---
 css/themes/dark.css           | 12 +++++++++---
 css/themes/light.css          |  6 ++++++
 directives/input.html         |  2 +-
 5 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/css/themes/base16-default.css b/css/themes/base16-default.css
index 7070fc7..e01bfcf 100644
--- a/css/themes/base16-default.css
+++ b/css/themes/base16-default.css
@@ -335,13 +335,19 @@ input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder { /* Fi
     background: var(--base08);
 }
 
-.btn-complete-nick:hover, .btn-complete-nick:focus,
-.btn-send:hover, .btn-send:focus,
-.btn-send-image:hover, .btn-send-image:focus {
+.is-desktop-ui .btn-complete-nick:hover, .btn-complete-nick:focus,
+.is-desktop-ui .btn-send:hover, .btn-send:focus,
+.is-desktop-ui .btn-send-image:hover, .btn-send-image:focus {
     background-color: var(--base07);
     color: var(--base01);
 }
 
+.is-mobile-ui .btn-complete-nick:hover,
+.is-mobile-ui .btn-send:hover,
+.is-mobile-ui .btn-send-image:hover {
+    color: var(--base05);
+}
+
 #connection-infos {
     color: var(--base04);
 }
diff --git a/css/themes/blue.css b/css/themes/blue.css
index 7946bea..39bb4d5 100644
--- a/css/themes/blue.css
+++ b/css/themes/blue.css
@@ -93,13 +93,19 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
 }
 
-.btn-complete-nick:hover, .btn-complete-nick:focus,
-.btn-send:hover, .btn-send:focus,
-.btn-send-image:hover, .btn-send-image:focus {
+.is-desktop-ui .btn-complete-nick:hover, .btn-complete-nick:focus,
+.is-desktop-ui .btn-send:hover, .btn-send:focus,
+.is-desktop-ui .btn-send-image:hover, .btn-send-image:focus {
     background-color: #555;
     color: white;
 }
 
+.is-mobile-ui .btn-complete-nick:hover,
+.is-mobile-ui .btn-send:hover,
+.is-mobile-ui .btn-send-image:hover {
+    color: #ccc;
+}
+
 .nav-pills li:nth-child(2n) {
     background: #283244;
 }
diff --git a/css/themes/dark.css b/css/themes/dark.css
index 0601900..6812edf 100644
--- a/css/themes/dark.css
+++ b/css/themes/dark.css
@@ -87,13 +87,19 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
 }
 
-.btn-complete-nick:hover, .btn-complete-nick:focus,
-.btn-send:hover, .btn-send:focus,
-.btn-send-image:hover, .btn-send-image:focus {
+.is-desktop-ui .btn-complete-nick:hover, .btn-complete-nick:focus,
+.is-desktop-ui .btn-send:hover, .btn-send:focus,
+.is-desktop-ui .btn-send-image:hover, .btn-send-image:focus {
     background-color: #555;
     color: white;
 }
 
+.is-mobile-ui .btn-complete-nick:hover,
+.is-mobile-ui .btn-send:hover,
+.is-mobile-ui .btn-send-image:hover {
+    color: #ccc;
+}
+
 #connection-infos {
     color: #aaa;
 }
diff --git a/css/themes/light.css b/css/themes/light.css
index a9a98fd..ab0c2b2 100644
--- a/css/themes/light.css
+++ b/css/themes/light.css
@@ -34,6 +34,12 @@ html {
     color: #428BCA;
 }
 
+.is-mobile-ui .btn-complete-nick:hover,
+.is-mobile-ui .btn-send:hover,
+.is-mobile-ui .btn-send-image:hover {
+    color: #428BCA;
+}
+
 tr.bufferline:hover {
     background-color: #efefef;
 }
diff --git a/directives/input.html b/directives/input.html
index ed88735..ccdf774 100644
--- a/directives/input.html
+++ b/directives/input.html
@@ -1,4 +1,4 @@
-<form class="form form-horizontal" id="inputform" ng-submit="sendMessage()" imgur-drop>
+<form class="form form-horizontal {{ utils.isMobileUi() ? 'is-mobile-ui' : 'is-desktop-ui' }}" id="inputform" ng-submit="sendMessage()" imgur-drop>
   <div class="input-group">
     <textarea id="{{inputId}}" class="form-control favorite-font" ng-trim="false" rows="1" ng-change="inputChanged()" autocomplete="on" ng-model="command" ng-focus="hideSidebar()">
     </textarea>