empower-container 0.1.28 → 0.1.29

Sign up to get free protection for your applications and to get access to all the features.
@@ -29,7 +29,7 @@ var Asset_1 = require("../assets/Asset");
29
29
  var Popover = function (_a) {
30
30
  var open = _a.open, origin = _a.origin, children = _a.children, onClick = _a.onClick;
31
31
  return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: open &&
32
- (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "em-overlay", onClick: function (e) { return onClick(e); } }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "em-popover", style: origin !== undefined && origin === "right" ? { right: 200 + 'px' } : { left: 0 + 'px' } }, { children: children }))] }) }));
32
+ (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "em-overlay", onClick: function (e) { return onClick(e); } }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "em-popover em-menubar-dropdown", style: origin !== undefined && origin === "right" ? { right: 200 + 'px' } : { left: 0 + 'px' } }, { children: children }))] }) }));
33
33
  };
34
34
  exports.Popover = Popover;
35
35
  var Dropdown = function (_a) {
@@ -26,7 +26,7 @@ import { SVG_CLOSE_GRAY, SVG_ARROWDOWN } from '../assets/Asset';
26
26
  export var Popover = function (_a) {
27
27
  var open = _a.open, origin = _a.origin, children = _a.children, onClick = _a.onClick;
28
28
  return (_jsx(Fragment, { children: open &&
29
- _jsxs(Fragment, { children: [_jsx("div", { className: "em-overlay", onClick: function (e) { return onClick(e); } }), _jsx("div", __assign({ className: "em-popover", style: origin !== undefined && origin === "right" ? { right: 200 + 'px' } : { left: 0 + 'px' } }, { children: children }))] }) }));
29
+ _jsxs(Fragment, { children: [_jsx("div", { className: "em-overlay", onClick: function (e) { return onClick(e); } }), _jsx("div", __assign({ className: "em-popover em-menubar-dropdown", style: origin !== undefined && origin === "right" ? { right: 200 + 'px' } : { left: 0 + 'px' } }, { children: children }))] }) }));
30
30
  };
31
31
  var Dropdown = function (_a) {
32
32
  var config = _a.config, customClass = _a.customClass, onChanged = _a.onChanged, isEmployeeSelection = _a.isEmployeeSelection, hideClearIcon = _a.hideClearIcon;
@@ -6,7 +6,7 @@
6
6
  color: $gray-dark;
7
7
  z-index: 100;
8
8
  display: flex;
9
- width: auto;
9
+ width: 100%;
10
10
  background-color: $white;
11
11
  border-top: 5px solid $blue-light4;
12
12
  border-bottom-left-radius: $border-radius-md;
@@ -1,3 +1,10 @@
1
+ .em-popover.em-menubar-dropdown {
2
+ top: 50px;
3
+ margin-top: 0;
4
+ width: auto;
5
+ border-top: 5px solid $blue-light4;
6
+ }
7
+
1
8
  .em-select {
2
9
  position: relative;
3
10
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "empower-container",
3
- "version": "0.1.28",
3
+ "version": "0.1.29",
4
4
  "private": false,
5
5
  "homepage": "https://bitbucket.org/empowerteams/empower-container",
6
6
  "main": "./dist/cjs/ndex.js",