Skip to content

Feat/offcanvas#115

Merged
duranmla merged 9 commits intofreenowtech:mainfrom
div-Leo:feat/offcanvas
Jun 11, 2021
Merged

Feat/offcanvas#115
duranmla merged 9 commits intofreenowtech:mainfrom
div-Leo:feat/offcanvas

Conversation

@div-Leo
Copy link
Contributor

@div-Leo div-Leo commented Jun 10, 2021

What:
Add Offcanvas component

Why:
We need an Offcanvas for this design.

How:
Add a new component Offcanvas which follows the same logic of the Modal.
It receives the side props ("left" | "right" | "top" | "bottom") and slides in from the relative side.

Media:
Screenshot 2021-06-10 at 17 57 10

See more in this video on loom

Checklist:

  • Ready to be merged

See this pull-request thread for more info.

Comment on lines +14 to +19
The Offcanvas should only contain content or flows which are related to the current page and not replace pages, therefore
its complexity level has to be simple. Consider the fullscreen state if you want to focus the users attention to the Offcanvas
content.

Offcanvas is responsive per default but the width can be adjusted (the default is 600px or 37.5rem). Content on the Offcanvas
is scrollable and has a space5 bounding box.
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe we need a different text here, do we have some in charge for this particular task?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We need to review this. @agonzalezUX @rafael-sepeda can you read this documentation?
Sadly we yet don't have preview links so can you read this file?

Copy link
Contributor

@duranmla duranmla left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this is ready to go. @div-Leo what is missing that you haven't check the ready for merge on top of the docs review?

Comment on lines +14 to +19
The Offcanvas should only contain content or flows which are related to the current page and not replace pages, therefore
its complexity level has to be simple. Consider the fullscreen state if you want to focus the users attention to the Offcanvas
content.

Offcanvas is responsive per default but the width can be adjusted (the default is 600px or 37.5rem). Content on the Offcanvas
is scrollable and has a space5 bounding box.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We need to review this. @agonzalezUX @rafael-sepeda can you read this documentation?
Sadly we yet don't have preview links so can you read this file?

@div-Leo
Copy link
Contributor Author

div-Leo commented Jun 11, 2021

@duranmla It was just for the documentation, but for me, it's ready to go! woot woot! 💪 🚂

@duranmla duranmla merged commit c937a48 into freenowtech:main Jun 11, 2021
github-actions bot pushed a commit that referenced this pull request Jun 11, 2021
### [1.4.3](v1.4.2...v1.4.3) (2021-06-11)

### Features

* add offcanvas component ([#115](#115)) ([c937a48](c937a48))

### Bug Fixes

* **checkbox:** preserve checkbox outline ([#116](#116)) ([4774215](4774215))
@github-actions
Copy link
Contributor

🎉 This PR is included in version 1.4.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Development

Successfully merging this pull request may close these issues.

3 participants