From fde346bc2fc9b89e99fbf2d65cad8920015fec77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= <huebschle@kit.edu>
Date: Thu, 23 Mar 2017 15:43:25 +0100
Subject: [PATCH] Use CSS to show/hide tab-complete button instead of ng-hide

should've been ng-show anyway
---
 css/themes/base16-default.css | 15 ++++++++-------
 css/themes/blue.css           | 15 ++++++++-------
 css/themes/dark.css           | 13 ++++++-------
 css/themes/light.css          | 12 ++++++------
 directives/input.html         |  4 ++--
 5 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/css/themes/base16-default.css b/css/themes/base16-default.css
index 4348b79..ec40fcb 100644
--- a/css/themes/base16-default.css
+++ b/css/themes/base16-default.css
@@ -342,13 +342,6 @@ input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder { /* Fi
     color: var(--base01);
 }
 
-.is-mobile-ui .btn-complete-nick:hover,
-.is-mobile-ui .btn-send:hover,
-.is-mobile-ui .btn-send-image:hover {
-    background: var(--base01);
-    color: var(--base05);
-}
-
 #connection-infos {
     color: var(--base04);
 }
@@ -1448,4 +1441,12 @@ button.close:hover {
     .footer {
         background: var(--base00);
     }
+
+    .btn-complete-nick:hover,
+    .btn-send:hover,
+    .btn-send-image:hover {
+        background: var(--base01);
+        color: var(--base05);
+    }
+
 }
diff --git a/css/themes/blue.css b/css/themes/blue.css
index c690ef2..c093a43 100644
--- a/css/themes/blue.css
+++ b/css/themes/blue.css
@@ -100,13 +100,6 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
     color: white;
 }
 
-.is-mobile-ui .btn-complete-nick:hover,
-.is-mobile-ui .btn-send:hover,
-.is-mobile-ui .btn-send-image:hover {
-    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
-    color: #ccc;
-}
-
 .nav-pills li:nth-child(2n) {
     background: #283244;
 }
@@ -184,4 +177,12 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
    .footer {
          padding-left: 5px !important;
    }
+
+   .btn-complete-nick:hover,
+   .btn-send:hover,
+   .btn-send-image:hover {
+       background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
+       color: #ccc;
+   }
+
 }
diff --git a/css/themes/dark.css b/css/themes/dark.css
index 485df07..c03e47a 100644
--- a/css/themes/dark.css
+++ b/css/themes/dark.css
@@ -94,13 +94,6 @@ input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-se
     color: white;
 }
 
-.is-mobile-ui .btn-complete-nick:hover,
-.is-mobile-ui .btn-send:hover,
-.is-mobile-ui .btn-send-image:hover {
-    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
-    color: #ccc;
-}
-
 #connection-infos {
     color: #aaa;
 }
@@ -2141,6 +2134,12 @@ button.close:hover {
         background: rgb(24,24,24);
     }
 
+    .btn-complete-nick:hover,
+    .btn-send:hover,
+    .btn-send-image:hover {
+        background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
+        color: #ccc;
+    }
 }
 
 
diff --git a/css/themes/light.css b/css/themes/light.css
index ab0c2b2..be8012e 100644
--- a/css/themes/light.css
+++ b/css/themes/light.css
@@ -34,12 +34,6 @@ 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;
 }
@@ -2111,4 +2105,10 @@ select.form-control, select option, input[type=text], input[type=password], #sen
         background: rgb(230,230,230);
     }
 
+    .btn-complete-nick:hover,
+    .btn-send:hover,
+    .btn-send-image:hover {
+        color: #428BCA;
+    }
+
 }
diff --git a/directives/input.html b/directives/input.html
index 230fbcd..d5b4d12 100644
--- a/directives/input.html
+++ b/directives/input.html
@@ -1,9 +1,9 @@
-<form class="form form-horizontal" ng-class="{'is-mobile-ui': utils.isMobileUi()}" id="inputform" ng-submit="sendMessage()" imgur-drop>
+<form class="form form-horizontal" 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>
     <span class="input-group-btn">
-      <button class="btn btn-complete-nick unselectable" title="Complete nick" ng-hide="!utils.isMobileUi()" ng-click="handleCompleteNickButton($event)"><i class="glyphicon glyphicon-bullhorn"></i></button>
+      <button class="btn btn-complete-nick unselectable mobile" title="Complete nick" ng-click="handleCompleteNickButton($event)"><i class="glyphicon glyphicon-bullhorn"></i></button>
       <label class="btn btn-send-image unselectable" for="imgur-upload" title="Send image">
         <i class="glyphicon glyphicon-picture"></i>
         <input type="file" accept="image/*" multiple title="Send image" id="imgur-upload" class="imgur-upload" file-change="uploadImage($event, files)">