Remove select-on-focus from ft-input (#2974)

* 2622 Remove select-on-focus behaviour from ft-input.

Replace this with show-clear-text-button.

* 2622 Make channel search a little wider so placeholder not truncated.

Co-authored-by: Simon Epstein <simon.epstein@67bricks.com>

src/renderer/components/ft-input/ft-input.js

@@ -45,10 +45,6 @@ export default Vue.extend({
       type: Boolean,
       default: false
     },
-    selectOnFocus: {
-      type: Boolean,
-      default: false
-    },
     disabled: {
       type: Boolean,
       default: false
@@ -262,9 +258,6 @@ export default Vue.extend({
 
     handleFocus: function(e) {
       this.searchState.showOptions = true
-      if (this.selectOnFocus) {
-        e.target.select()
-      }
     },
 
     updateVisibleDataList: function () {

src/renderer/components/top-nav/top-nav.vue

@@ -80,7 +80,6 @@
           :placeholder="$t('Search / Go to URL')"
           class="searchInput"
           :is-search="true"
-          :select-on-focus="true"
           :data-list="searchSuggestionsDataList"
           :spellcheck="false"
           :show-clear-text-button="true"

src/renderer/views/Channel/Channel.css

@@ -74,7 +74,7 @@
 }
 
 .channelSearch {
-  width: 200px;
+  width: 220px;
   align-self: flex-end;
 }
 

src/renderer/views/Channel/Channel.vue

@@ -96,7 +96,7 @@
           </div>
           <ft-input
             :placeholder="$t('Channel.Search Channel')"
-            :select-on-focus="true"
+            :show-clear-text-button="true"
             class="channelSearch"
             @click="newSearch"
           />