Skip to content
This repository has been archived by the owner on Nov 29, 2022. It is now read-only.

Commit

Permalink
v1.60.0 - Add modal flush and scrollable styles. (#237)
Browse files Browse the repository at this point in the history
* v1.60.0 - Add modal flush and scrollable styles.

* v1.60.0 - Add date.
  • Loading branch information
kevinrodrigues authored Aug 1, 2019
1 parent 3426dd1 commit c380a92
Show file tree
Hide file tree
Showing 3 changed files with 25 additions and 1 deletion.
8 changes: 8 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,14 @@
The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html)

v1.60.0
------------------------------
*August 1, 2019*

### Added
- `c-modal-content--flush` styles.
- `c-modal-content--scrollable` styles.

v1.59.0
------------------------------
*July 8, 2019*
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "@justeat/fozzie",
"title": "Fozzie – Just Eat UI Web Framework",
"description": "UI Web Framework for the Just Eat Global Platform",
"version": "1.59.0",
"version": "1.60.0",
"main": "dist/js/index.js",
"files": [
"dist/js",
Expand Down
16 changes: 16 additions & 0 deletions src/scss/components/optional/_modal.scss
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,22 @@ $modal-transitionTime : 250ms !default;
max-width: 500px;
}

.c-modal-content--flush {
padding: 0;
overflow: hidden;

.c-modal-title {
padding: 0;
}
}

.c-modal-content--scrollable {
@include media('>=mid') {
overflow: scroll;
max-height: 550px;
}
}

.c-modal-content--visible {
display: block;
}
Expand Down

0 comments on commit c380a92

Please sign in to comment.