@imposium-hub/components 2.11.3-2 → 2.11.3

package/dist/styles.css

@@ -2572,21 +2572,25 @@ body a {
     background-position: 20px 10px;
   }
 }
-.shortcuts-menu {
+.shortcuts-dropdown {
+  overflow: auto;
+  height: 90%;
+}
+.shortcuts-dropdown .shortcuts-menu {
   padding: 5px;
   box-sizing: border-box;
   background: #272727;
   width: 235px;
 }
-.shortcuts-menu table tr td {
+.shortcuts-dropdown .shortcuts-menu table tr td {
   font-size: 12px;
   padding: 0.2em;
 }
-.shortcuts-menu table tr td.hotkey-cell {
+.shortcuts-dropdown .shortcuts-menu table tr td.hotkey-cell {
   font-weight: 600;
   text-align: right;
 }
-.shortcuts-menu table tr td.shortcut-desc {
+.shortcuts-dropdown .shortcuts-menu table tr td.shortcut-desc {
   padding: 0.2em 0.2em 0.2em 1.2em;
 }
 .spinner {

package/dist/styles.less

@@ -2517,24 +2517,29 @@ body{
 	}
 }
 
-.shortcuts-menu {
+.shortcuts-dropdown {
+  overflow: auto;
+  height: 90%;
+  .shortcuts-menu {
     padding: 5px;
     box-sizing: border-box;
     background: @background;
     width: 235px;
+
     table {
-    tr {
-      td {
-        font-size: 12px;
-        padding: 0.2em;
+      tr {
+        td {
+          font-size: 12px;
+          padding: 0.2em;
 
-        &.hotkey-cell {
-          font-weight: 600;
-          text-align: right;
-        }
+          &.hotkey-cell {
+            font-weight: 600;
+            text-align: right;
+          }
 
-        &.shortcut-desc {
-          padding: 0.2em 0.2em 0.2em 1.2em;
+          &.shortcut-desc {
+            padding: 0.2em 0.2em 0.2em 1.2em;
+          }
         }
       }
     }

package/less/components/shortcut-menu.less

@@ -1,21 +1,26 @@
-.shortcuts-menu {
+.shortcuts-dropdown {
+  overflow: auto;
+  height: 90%;
+  .shortcuts-menu {
     padding: 5px;
     box-sizing: border-box;
     background: @background;
     width: 235px;
+
     table {
-    tr {
-      td {
-        font-size: 12px;
-        padding: 0.2em;
+      tr {
+        td {
+          font-size: 12px;
+          padding: 0.2em;
 
-        &.hotkey-cell {
-          font-weight: 600;
-          text-align: right;
-        }
+          &.hotkey-cell {
+            font-weight: 600;
+            text-align: right;
+          }
 
-        &.shortcut-desc {
-          padding: 0.2em 0.2em 0.2em 1.2em;
+          &.shortcut-desc {
+            padding: 0.2em 0.2em 0.2em 1.2em;
+          }
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.11.3-2",
+    "version": "2.11.3",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",
@@ -86,7 +86,7 @@
         "@fortawesome/react-fontawesome": "^0.2.2",
         "@imposium-hub/eslint-config": "^1.1.0",
         "@imposium-hub/prettier-config": "^2.1.0",
-        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-9",
+        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-6",
         "@storybook/addon-actions": "^8.6.14",
         "@storybook/addon-docs": "^8.6.14",
         "@storybook/addon-essentials": "^8.6.14",

package/src/components/dropdown/Dropdown.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 export interface IDropdownMenuProps {
+    customClass?: string;
     toggleRef?: any;
     show: boolean;
     children: React.ReactNode;
@@ -123,7 +124,7 @@ export default class ImposiumDropdown extends React.PureComponent<
 
     public render() {
         const { build, offset } = this.state;
-        const { show, position, children } = this.props;
+        const { show, position, children, customClass } = this.props;
         const dropdownStyle: any = {
             transform: build ? 'scaleY(1)' : 'scaleY(0)',
             opacity: build ? '1' : '0'
@@ -170,7 +171,7 @@ export default class ImposiumDropdown extends React.PureComponent<
 
         return (
             <div
-                className='imposium-dropdown'
+                className={`imposium-dropdown ${customClass}`}
                 style={dropdownStyle}
                 ref={this.dropdownRef}>
                 {children}