Skip to content

Commit

Permalink
remove split min-width to prevent overflow on small viewports (#874)
Browse files Browse the repository at this point in the history
## Description
Removed the min-width on `.mzp-c-split-container` to prevent overflow on
very small viewports - I tried to see if it broke anything but it seemed
ok on my testing

- [x] I have recorded this change in `CHANGELOG.md`.

### Issue

#843 

### Testing
- `npm run webpack`
- `npm run start`
- http://localhost:3000/components/detail/split
  • Loading branch information
nathan-barrett authored May 10, 2023
2 parents 47087b2 + becd8b8 commit 8f9d592
Show file tree
Hide file tree
Showing 2 changed files with 1 addition and 1 deletion.
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

## Features
* **css:** Remove default mobile padding on nospace split component
* **css:** Removed min-width on the .mzp-c-split-container class on the split component
* **js:** Protocol JS components are now written using modern JS and published as ES5/UMD format (#255).
* **js:** Removed pre-minified JS files from the published package. Consuming sites should handle their own minification.
* **css:** Removed pre-minified CSS files from the published package Consuming sites should handle their own minification.
Expand Down
1 change: 0 additions & 1 deletion assets/sass/protocol/components/_split.scss
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,6 @@
@include clearfix;
margin: 0 auto;
max-width: $content-max;
min-width: $content-xs;

// horizontal spacing should match mzp-l-content's horizontal spacing
padding: 0 get-theme('h-grid-xs');
Expand Down

0 comments on commit 8f9d592

Please # to comment.