fix console ui issues (close #1303) (close #1049) (close #1282) (#1330)

Fix and close #1303, #1049 and #1282
hasura · Jan 8, 2019 · ca5ccd7 · ca5ccd7
1 parent 4470c34
commit ca5ccd7
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 2 deletions.
diff --git a/console/src/components/ApiExplorer/GraphiQL.css b/console/src/components/ApiExplorer/GraphiQL.css
@@ -1487,7 +1487,10 @@ span.CodeMirror-selectedtext {
   -ms-user-select: none;
   user-select: none;
 }
-
+.doc-explorer-title
+{
+  height: 34px;
+}
 .graphiql-container .doc-explorer-title,
 .graphiql-container .history-title {
   -webkit-box-flex: 1;

diff --git a/console/src/components/Login/Login.js b/console/src/components/Login/Login.js
@@ -28,7 +28,7 @@ class Login extends Component {
       loginText = 'Error. Try again?';
     }
 
-    const hasuraLogo = require('./logo.svg');
+    const hasuraLogo = require('./blue-logo.svg');
     const { dispatch } = this.props;
     return (
       <div className={styles.mainWrapper + ' container-fluid'}>

diff --git a/console/src/components/Login/blue-logo.svg b/console/src/components/Login/blue-logo.svg
diff --git a/console/src/components/Services/Data/TableBrowseRows/ReactTableFix.css b/console/src/components/Services/Data/TableBrowseRows/ReactTableFix.css
@@ -50,6 +50,15 @@
   background-color: #ebf7de;
 }
 
+.ReactTable .rt-table .rt-tbody
+{
+  margin-bottom: 10px;
+}
+
+.ReactTable .rt-tbody .rt-tr-group:last-child
+{
+  border-bottom: solid 1px rgba(0,0,0,0.05);
+}
 .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr.-even:hover {
   background-color: #ebf7de;
 }