Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Add option for rounded drawer corners #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
bsansone wants to merge 1 commit into nativescript-vue:master from bsansone:rounded-drawer-corners
Closed

Add option for rounded drawer corners #9

bsansone wants to merge 1 commit into nativescript-vue:master from bsansone:rounded-drawer-corners

Conversation

Copy link

@bsansone bsansone commented Jun 5, 2020

No description provided.

Copy link
Member

rigor789 commented Jun 5, 2020

@bsansone Thanks for the PR - I believe this is already possible if you set the backgroundColor to transparent and then add the color + radius on the drawer element like this:

// in config
{
 left: {
 backgroundColor: 'transparent'
 }
}
<!-- in template -->
<MultiDrawer>
 <StackLayout slot="left" class="drawer">
 <!-- ... -->
 </StackLayout>
</MultiDrawer>
/* in css */
.drawer {
 background: 'white';
 border-top-right-radius: 50;
 border-bottom-right-radius: 50;
}

This feels more flexible than the proposed change - does the above work for your use-case?

bsansone reacted with thumbs up emoji

Copy link
Author

bsansone commented Jun 5, 2020

@rigor789 Thank you, your solution works just fine. I didn't think of using transparent like that. I'll close this PR.

rigor789 reacted with heart emoji

@bsansone bsansone deleted the rounded-drawer-corners branch June 7, 2020 20:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /