couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From benk...@apache.org
Subject fauxton commit: updated refs/heads/master to 2ac9c93
Date Tue, 31 May 2016 15:19:34 GMT
Repository: couchdb-fauxton
Updated Branches:
  refs/heads/master a8561349d -> 2ac9c9336


Style fix for doc ID block

When you typed in something in the document ID typeahead field
it would look a little odd if there were no results (the grey
block would be fixed at 291px). This changes that to a max height
so it only ever appears as tall as it needs to be (and looks nice
when you're typing and honing in on a doc).

It also adjusts the width to fill as much room as is available
when used in the header.


Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/2ac9c933
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/2ac9c933
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/2ac9c933

Branch: refs/heads/master
Commit: 2ac9c9336ff8c0f9d321303f49a93556ee9dd1f1
Parents: a856134
Author: Ben Keen <ben.keen@gmail.com>
Authored: Tue May 31 13:53:37 2016 +0000
Committer: Ben Keen <ben.keen@gmail.com>
Committed: Tue May 31 14:43:24 2016 +0000

----------------------------------------------------------------------
 app/addons/documents/assets/less/jumptodoc.less | 17 +++++++++++++++++
 app/addons/documents/jumptodoc.react.jsx        |  2 +-
 assets/less/fauxton.less                        |  2 +-
 3 files changed, 19 insertions(+), 2 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/2ac9c933/app/addons/documents/assets/less/jumptodoc.less
----------------------------------------------------------------------
diff --git a/app/addons/documents/assets/less/jumptodoc.less b/app/addons/documents/assets/less/jumptodoc.less
index 6302ec7..778b8ab 100644
--- a/app/addons/documents/assets/less/jumptodoc.less
+++ b/app/addons/documents/assets/less/jumptodoc.less
@@ -20,3 +20,20 @@
   overflow: visible;
   position: absolute;
 }
+
+#jump-to-doc {
+  .Select-control, .Select-menu-outer {
+    width: 210px;
+  }
+}
+
+/* this allows the jump-to-doc results expand as much as need be when the component is used
in the header */
+#right-header #jump-to-doc .Select-menu-outer {
+  &>div>div {
+    padding-right: 25px; /* prevents overlapping of auto-generated scrollbar */
+  }
+  min-width: 210px;
+  max-width: 450px;
+  width: auto;
+  overflow: hidden; /* for 450px max widths, enough is visible not to require scrolling */
+}

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/2ac9c933/app/addons/documents/jumptodoc.react.jsx
----------------------------------------------------------------------
diff --git a/app/addons/documents/jumptodoc.react.jsx b/app/addons/documents/jumptodoc.react.jsx
index 64b2691..d0ef5e4 100644
--- a/app/addons/documents/jumptodoc.react.jsx
+++ b/app/addons/documents/jumptodoc.react.jsx
@@ -29,7 +29,7 @@ const JumpToDoc = ({database, allDocs}) => {
       <ReactSelect
         name="jump-to-doc"
         placeholder="Document ID"
-        className="input-large jump-to-doc"
+        className="jump-to-doc"
         options={options}
         clearable={false}
         onChange={({value: docId}) => {

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/2ac9c933/assets/less/fauxton.less
----------------------------------------------------------------------
diff --git a/assets/less/fauxton.less b/assets/less/fauxton.less
index 439a1a3..63cf183 100644
--- a/assets/less/fauxton.less
+++ b/assets/less/fauxton.less
@@ -528,7 +528,7 @@ body #dashboard .flex-body#breadcrumbs {
 }
 
 .Select .Select-menu {
-  min-height: 291px;
+  max-height: 291px;
   background-color: #333333;
 }
 


Mime
View raw message