@kaizen/components 1.73.4 → 1.73.5

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 (3) hide show
  1. package/dist/styles.css +1 -1
  2. package/package.json +1 -1
  3. package/src/Content/Content.module.scss +3 -1
package/dist/styles.css CHANGED
@@ -2396,11 +2396,11 @@
2396
2396
  max-width: 1392px;
2397
2397
  margin: 0 72px;
2398
2398
  width: 100%;
2399
+ min-width: 0;
2399
2400
  }
2400
2401
  @media (max-width: calc(1080px - 1px)) {
2401
2402
  .Content-module_content__ZeTRs {
2402
2403
  margin: 0 12px;
2403
- width: calc(100% - 2 * 12px);
2404
2404
  }
2405
2405
  }
2406
2406
  /** THIS IS AN AUTOGENERATED FILE **/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "1.73.4",
3
+ "version": "1.73.5",
4
4
  "description": "Kaizen component library",
5
5
  "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
6
6
  "homepage": "https://cultureamp.design",
package/src/Content/Content.module.scss CHANGED
@@ -6,8 +6,10 @@
6
6
  margin: 0 $layout-content-side-margin;
7
7
  width: 100%;
8
8
 
9
+ // Setting a min-width: 0 will maintain the gutter margins when the inner contents has something wider than the page (e.g. scrollable table)
10
+ min-width: 0;
11
+
9
12
  @media (max-width: calc(#{$layout-breakpoints-large} - 1px)) {
10
13
  margin: 0 $content-margin-width-on-medium-and-small;
11
- width: calc(100% - 2 * #{$content-margin-width-on-medium-and-small});
12
14
  }
13
15
  }