From 54c24f600f3a86abc599e7d5b2841be32c7872f2 Mon Sep 17 00:00:00 2001
From: Robert Kowalski <robertkowalski@apache.org>
Date: Thu, 13 Oct 2016 20:29:38 +0200
Subject: [PATCH 1/3] chore: remove broken transition

the transition wasn't working. actually transitions are bad as
many couchdb users access fauxton using a remote desktop, which
then starts to lag / stutter.
---
 .../documents/index-results/index-results.components.react.jsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/app/addons/documents/index-results/index-results.components.react.jsx b/app/addons/documents/index-results/index-results.components.react.jsx
index 5d70c9319..a40f3dcd4 100644
--- a/app/addons/documents/index-results/index-results.components.react.jsx
+++ b/app/addons/documents/index-results/index-results.components.react.jsx
@@ -20,7 +20,6 @@ import Documents from "../resources";
 import FauxtonComponents from "../..//fauxton/components.react";
 import { SplitButton, MenuItem } from "react-bootstrap";
 import ReactSelect from "react-select";
-import ReactCSSTransitionGroup from "react-addons-css-transition-group";
 import "../../../../assets/js/plugins/prettify";
 
 const {LoadLines, BulkActionComponent} = Components;
@@ -382,9 +381,7 @@ var ResultsScreen = React.createClass({
             disabled={this.props.isLoading}
             title="Select all docs that can be..." /> : null}
 
-          <ReactCSSTransitionGroup transitionName="slow-fade" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
             {this.getDocumentList()}
-          </ReactCSSTransitionGroup>
         </div>
       </div>
     );

From 65be07d9603e7fa574d6f1476374544d3bf37ebc Mon Sep 17 00:00:00 2001
From: Robert Kowalski <robertkowalski@apache.org>
Date: Thu, 13 Oct 2016 20:54:58 +0200
Subject: [PATCH 2/3] table-view: don't cut off long property fields in
 dropdown

---
 assets/less/fauxton.less | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/less/fauxton.less b/assets/less/fauxton.less
index d368d2f4b..5e1934430 100644
--- a/assets/less/fauxton.less
+++ b/assets/less/fauxton.less
@@ -382,10 +382,10 @@ table.databases {
   }
 }
 
-/* this allows the jump-to-doc results expand as much as need be when the component is used in the header */
-#right-header .faux-header__searchboxcontainer .Select-menu-outer {
+// this allows the results expand as much as need be when the component is used in the header
+.Select-menu-outer {
   &>div>div {
-    padding-right: 25px; /* prevents overlapping of auto-generated scrollbar */
+    padding-right: 25px; // prevents overlapping of auto-generated scrollbar
   }
   min-width: 210px;
   max-width: 450px;

From eeaa6c61b25cab2f45ff22b307492f2a9c5f9fa3 Mon Sep 17 00:00:00 2001
From: Robert Kowalski <robertkowalski@apache.org>
Date: Thu, 13 Oct 2016 20:55:32 +0200
Subject: [PATCH 3/3] dropdowns: fix color for selected item

the item already selected was rendering black, which is not a
good idea on a black background :)
---
 assets/less/fauxton.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/less/fauxton.less b/assets/less/fauxton.less
index 5e1934430..466add687 100644
--- a/assets/less/fauxton.less
+++ b/assets/less/fauxton.less
@@ -424,6 +424,10 @@ table.databases {
   box-shadow: transparent;
 }
 
+.Select-option.is-selected {
+  color: #fff;
+}
+
 .Select .Select-menu {
   max-height: 291px;
   background-color: #333333;