generators added

open-template-hub · Sep 1, 2021 · 7698d7a · 7698d7a
1 parent cc48824
commit 7698d7a
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 6 deletions.
diff --git a/src/app/component/common/dropdown-menu/dropdown-menu.component.scss b/src/app/component/common/dropdown-menu/dropdown-menu.component.scss
@@ -8,13 +8,12 @@
   background-color: var(--background-color-alpha);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
-  overflow: hidden;
+
+  // this is removing caret at top but also needed to hide overflowing hover effects
+  // overflow: hidden;
 }
 
 .dropdown-content i {
-  position: absolute;
-  top: -9px;
-  left: 22px;
   font-size: 15px;
   color: var(--brand-color-lighter-2);
 }
@@ -119,8 +118,6 @@
   }
 
   .dropdown-content i {
-    top: initial;
-    left: initial;
     right: 3px;
     padding: 10px;
     position: fixed;
@@ -151,6 +148,7 @@
     position: absolute;
     padding: 12px 0 0;
     top: 60px;
+    left: -138px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     box-shadow: inset 0 7px 5px -7px var(--shadow), 0 8px 16px 0 var(--shadow);
@@ -167,4 +165,10 @@
   .section-column .section-header p {
     height: 32px;
   }
+
+  .dropdown-caret {
+    position: absolute;
+    top: -9px;
+    left: 155px;
+  }
 }
diff --git a/src/app/data/constant.ts b/src/app/data/constant.ts
@@ -164,6 +164,24 @@ export const PRODUCT_LINES: DropdownColumnOption[] = [
       }
     ]
   },
+  {
+    sectionTitle: 'CLI Generators',
+    sectionDescription: 'Command line interface generators',
+    menus: [
+      {
+        brand: { brandLogo: 'https://github.com/open-template-hub/open-template-hub.github.io/blob/master/assets/logo/generators/server-generator-logo.png?raw=true' },
+        header: 'Server Generator',
+        description: 'Command line interface generator of the servers at Open Template Hub',
+        link: URLS.maintenance
+      },
+      {
+        brand: { brandLogo: 'https://github.com/open-template-hub/open-template-hub.github.io/blob/master/assets/logo/generators/server-generator-logo.png?raw=true' },
+        header: 'UI Generator',
+        description: 'Command line interface generator of the user interfaces at Open Template Hub',
+        link: URLS.maintenance
+      }
+    ]
+  },
   {
     sectionTitle: 'Premium',
     sectionDescription: 'Get more things done with our premium solutions',