some dropshadow and other CSS tweaks

decaporg · Dec 6, 2017 · 5b8f567 · 5b8f567
1 parent 15e245d
commit 5b8f567
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/src/components/App/Header.css b/src/components/App/Header.css
@@ -62,9 +62,10 @@
   font-size: 12px;
   font-weight: 600;
   background-color: #7d8190;
-  padding: 4px 24px 4px 14px;
+  padding: 6px 24px 6px 14px;
   margin-right: 8px;
   color: #fff;
+  border-radius: 3px;
 
   &:hover,
   &:active,

diff --git a/src/components/App/Header.js b/src/components/App/Header.js
@@ -65,8 +65,9 @@ export default class Header extends React.Component {
               <Dropdown
                 classNameButton="nc-appHeader-button nc-appHeader-quickNew"
                 label="Quick add"
+                dropdownTopOverlap="30px"
                 dropdownWidth="160px"
-                dropdownPosition="right"
+                dropdownPosition="left"
               >
                 {
                   collections.filter(collection => collection.get('create')).toList().map(collection =>
@@ -90,6 +91,7 @@ export default class Header extends React.Component {
                   : null
               }
               <Dropdown
+                dropdownTopOverlap="50px"
                 dropdownWidth="100px"
                 dropdownPosition="right"
                 button={

diff --git a/src/components/UI/Dropdown/Dropdown.css b/src/components/UI/Dropdown/Dropdown.css
@@ -54,8 +54,9 @@
 
 .nc-dropdownList {
   @apply(--dropdownList);
+  margin: 0;
   position: absolute;
-  top: 39px;
+  top: 0;
   left: 0;
   min-width: 100%;
   z-index: 1;

diff --git a/src/components/UI/Dropdown/Dropdown.js b/src/components/UI/Dropdown/Dropdown.js
@@ -10,10 +10,12 @@ const Dropdown = ({
   classNameButton = '',
   dropdownWidth = 'auto',
   dropdownPosition = 'left',
+  dropdownTopOverlap = '0',
   children
 }) => {
   const style = {
     width: dropdownWidth,
+    top: dropdownTopOverlap,
     left: dropdownPosition === 'left' ? 0 : 'auto',
     right: dropdownPosition === 'right' ? 0 : 'auto',
   };