@rio-cloud/rio-uikit 0.16.3-beta.3 → 0.16.3-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +1 -2
  2. package/TableViewToggles.d.ts +2 -0
  3. package/lib/es/TableViewToggles.d.ts +2 -0
  4. package/lib/es/styles/components/ApplicationHeader.less +45 -12
  5. package/lib/es/version.json +1 -1
  6. package/package.json +2 -1
  7. package/styles/components/ApplicationHeader.less +45 -12
  8. package/version.json +1 -1
package/README.md CHANGED
@@ -20,9 +20,8 @@ When releasing a new version:
20
20
  Create a new development beta version:
21
21
 
22
22
  1. Update the `package.json`. Example `0.16.3-beta.1`
23
- 2. Update the `version.json`. Example `0.16.3-beta.1`
23
+ 2. Update the `src/version.json`. Example `0.16.3-beta.1`
24
24
  3. run `npm i` or update `package-lock.json`. Example `0.16.3-beta.1`
25
- 4. Update the `uikit-demo/package.json`. Example `0.16.3`
26
25
 
27
26
  ## Development
28
27
 
package/TableViewToggles.d.ts CHANGED
@@ -2,6 +2,8 @@ declare module '@rio-cloud/rio-uikit/TableViewToggles' {
2
2
  import React from 'react';
3
3
  import { TableViewTogglesProps, TableViewTogglesValues } from './types';
4
4
 
5
+ export { TableViewTogglesValues } from './types';
6
+
5
7
  export default class TableViewToggles extends React.Component<TableViewTogglesProps> {
6
8
  public static VIEW_TYPE_SINGLE_CARD: TableViewTogglesValues.VIEW_TYPE_SINGLE_CARD;
7
9
  public static VIEW_TYPE_MULTI_CARDS: TableViewTogglesValues.VIEW_TYPE_MULTI_CARDS;
package/lib/es/TableViewToggles.d.ts CHANGED
@@ -2,6 +2,8 @@ declare module '@rio-cloud/rio-uikit/lib/es/TableViewToggles' {
2
2
  import React from 'react';
3
3
  import { TableViewTogglesProps, TableViewTogglesValues } from './types';
4
4
 
5
+ export { TableViewTogglesValues } from './types';
6
+
5
7
  export default class TableViewToggles extends React.Component<TableViewTogglesProps> {
6
8
  public static VIEW_TYPE_SINGLE_CARD: TableViewTogglesValues.VIEW_TYPE_SINGLE_CARD;
7
9
  public static VIEW_TYPE_MULTI_CARDS: TableViewTogglesValues.VIEW_TYPE_MULTI_CARDS;
package/lib/es/styles/components/ApplicationHeader.less CHANGED
@@ -313,24 +313,27 @@
313
313
 
314
314
  .dropdown-menu {
315
315
  -webkit-overflow-scrolling: touch;
316
- border: none;
317
316
  border-radius: 0 0 @border-radius-default @border-radius-default;
317
+ border: none;
318
+ margin-right: 3px; // to be in line with the top element
318
319
  max-height: ~'calc(100vh - @{ApplicationLayoutHeaderHeight} - 20px)'; // --vh fallback
319
320
  max-height: ~'calc(var(--vh, 1vh) * 100 - @{ApplicationLayoutHeaderHeight} - 20px)';
320
- max-width: calc(~'100% - 3px');
321
- width: 100%;
322
321
  overflow-x: hidden;
323
322
  overflow-y: auto;
323
+ // max-width: calc(~'100% - 3px');
324
+ // width: 100%;
324
325
 
325
- > li > a {
326
- color: var(--color-black);
327
- font-size: 14px;
328
- font-weight: @font-medium;
329
- padding: 5px @ApplicationLayoutHeaderHeightpadding-horizontal;
330
- text-transform: uppercase;
326
+ > li {
327
+ > a {
328
+ color: var(--color-black);
329
+ font-size: 14px;
330
+ font-weight: @font-medium;
331
+ padding: 5px @ApplicationLayoutHeaderHeightpadding-horizontal;
332
+ text-transform: uppercase;
331
333
 
332
- &.inactive {
333
- pointer-events: none;
334
+ &.inactive {
335
+ pointer-events: none;
336
+ }
334
337
  }
335
338
  }
336
339
  }
@@ -457,7 +460,7 @@
457
460
 
458
461
  .CollapsedDropdown {
459
462
  display: block;
460
-
463
+
461
464
  > .dropdown-menu {
462
465
  left: auto;
463
466
  right: 0;
@@ -473,3 +476,33 @@
473
476
  }
474
477
  }
475
478
  }
479
+
480
+ // Application Menu Iframe
481
+
482
+ .ModuleNavigation .dropdown-menu > li {
483
+ iframe {
484
+ &.iFrameResizer,
485
+ &[id*="iFrameResizer"] {
486
+ &[style*="height: 750px"],
487
+ &.extendedMenu {
488
+ max-height: calc(~"100vh - 80px") !important;
489
+ max-width: 1550px !important;
490
+ min-width: 300px !important;
491
+ width: calc(~"100vw - 100px") !important;
492
+ }
493
+ }
494
+ }
495
+ }
496
+
497
+ .MobileHeaderModal {
498
+ iframe {
499
+ &.iFrameResizer,
500
+ &[id*="iFrameResizer"] {
501
+ &[style*="height: 750px"],
502
+ &.extendedMenu {
503
+ height: calc(~"100% - 20px") !important;
504
+ margin-top: 20px !important;
505
+ }
506
+ }
507
+ }
508
+ }
package/lib/es/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "0.16.3-beta.3"
2
+ "version": "0.16.3-beta.6"
3
3
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rio-cloud/rio-uikit",
3
- "version": "0.16.3-beta.3",
3
+ "version": "0.16.3-beta.6",
4
4
  "description": "The RIO UIKIT component library",
5
5
  "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
6
6
  "scripts": {
@@ -116,6 +116,7 @@
116
116
  "@dnd-kit/sortable": "7.0.2",
117
117
  "@popperjs/core": "2.11.6",
118
118
  "classnames": "2.3.2",
119
+ "dom-helpers": "5.2.1",
119
120
  "events": "3.3.0",
120
121
  "framer-motion": "4.1.17",
121
122
  "lodash": "4.17.21",
package/styles/components/ApplicationHeader.less CHANGED
@@ -313,24 +313,27 @@
313
313
 
314
314
  .dropdown-menu {
315
315
  -webkit-overflow-scrolling: touch;
316
- border: none;
317
316
  border-radius: 0 0 @border-radius-default @border-radius-default;
317
+ border: none;
318
+ margin-right: 3px; // to be in line with the top element
318
319
  max-height: ~'calc(100vh - @{ApplicationLayoutHeaderHeight} - 20px)'; // --vh fallback
319
320
  max-height: ~'calc(var(--vh, 1vh) * 100 - @{ApplicationLayoutHeaderHeight} - 20px)';
320
- max-width: calc(~'100% - 3px');
321
- width: 100%;
322
321
  overflow-x: hidden;
323
322
  overflow-y: auto;
323
+ // max-width: calc(~'100% - 3px');
324
+ // width: 100%;
324
325
 
325
- > li > a {
326
- color: var(--color-black);
327
- font-size: 14px;
328
- font-weight: @font-medium;
329
- padding: 5px @ApplicationLayoutHeaderHeightpadding-horizontal;
330
- text-transform: uppercase;
326
+ > li {
327
+ > a {
328
+ color: var(--color-black);
329
+ font-size: 14px;
330
+ font-weight: @font-medium;
331
+ padding: 5px @ApplicationLayoutHeaderHeightpadding-horizontal;
332
+ text-transform: uppercase;
331
333
 
332
- &.inactive {
333
- pointer-events: none;
334
+ &.inactive {
335
+ pointer-events: none;
336
+ }
334
337
  }
335
338
  }
336
339
  }
@@ -457,7 +460,7 @@
457
460
 
458
461
  .CollapsedDropdown {
459
462
  display: block;
460
-
463
+
461
464
  > .dropdown-menu {
462
465
  left: auto;
463
466
  right: 0;
@@ -473,3 +476,33 @@
473
476
  }
474
477
  }
475
478
  }
479
+
480
+ // Application Menu Iframe
481
+
482
+ .ModuleNavigation .dropdown-menu > li {
483
+ iframe {
484
+ &.iFrameResizer,
485
+ &[id*="iFrameResizer"] {
486
+ &[style*="height: 750px"],
487
+ &.extendedMenu {
488
+ max-height: calc(~"100vh - 80px") !important;
489
+ max-width: 1550px !important;
490
+ min-width: 300px !important;
491
+ width: calc(~"100vw - 100px") !important;
492
+ }
493
+ }
494
+ }
495
+ }
496
+
497
+ .MobileHeaderModal {
498
+ iframe {
499
+ &.iFrameResizer,
500
+ &[id*="iFrameResizer"] {
501
+ &[style*="height: 750px"],
502
+ &.extendedMenu {
503
+ height: calc(~"100% - 20px") !important;
504
+ margin-top: 20px !important;
505
+ }
506
+ }
507
+ }
508
+ }
package/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "0.16.3-beta.3"
2
+ "version": "0.16.3-beta.6"
3
3
  }