Change dropdown to open upwards

This is because downwards opening could make part of dropdown go out of the window
sqlectron · Jun 15, 2016 · 14a24cf · 14a24cf
1 parent f1481fe
commit 14a24cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/renderer/components/database-diagram-modal.jsx b/src/renderer/components/database-diagram-modal.jsx
@@ -206,9 +206,9 @@ export default class DatabaseDiagramModal extends Component {
             Save
           </div>
           <div className="or"></div>
-          <div className="ui small button simple dropdown">
+          <div className="ui small right labeled icon button simple upward dropdown">
             Export to
-            <i className="dropdown icon"></i>
+            <i className="caret up icon"></i>
             <div className="menu">
               <div className="item"
                 onClick={() => this.onExportDatabaseDiagram('png')}>

diff --git a/src/renderer/components/database-diagram.css b/src/renderer/components/database-diagram.css
@@ -34,3 +34,7 @@
 .marker-arrowheads {
   display: none
 }
+
+.ui.simple.upward.dropdown > .menu {
+  top: auto !important;
+}