How do you make rounded corners for side menu in ionic using ion-menu in native
up vote
0
down vote
favorite
Hi I have researched everywhere and looked at XCode but haven't figured it out. I want to create the venmo style rounded corners for my iOS application, but iOS seems to not obey the sass rules I am setting for it.
The side menu styling is controlled by a div class <div class='menu-inner'>...</div> which is generated from <ion-menu> tag.
My sass rule works well on the browser, but I am surprised to find it doesn't work in native production specifically iOS. Here is my sass rules.
.menu-inner {
border-radius: 0 1.7rem 1.7rem 0!important;
}
which results in the browser with the desired result.
In chrome inspector
However, in XCode iOS 12.1 iPhone X results in sharp cornered edges.
iPhone X emulator
How do I make the corners rounded in the native app using ionic 3.
html ios css ionic-framework ionic3
asked Nov 9 at 0:04
Haron Arama
12
add a comment |
up vote
0
down vote
favorite
Hi I have researched everywhere and looked at XCode but haven't figured it out. I want to create the venmo style rounded corners for my iOS application, but iOS seems to not obey the sass rules I am setting for it.
The side menu styling is controlled by a div class <div class='menu-inner'>...</div> which is generated from <ion-menu> tag.
My sass rule works well on the browser, but I am surprised to find it doesn't work in native production specifically iOS. Here is my sass rules.
.menu-inner {
border-radius: 0 1.7rem 1.7rem 0!important;
}
which results in the browser with the desired result.
In chrome inspector
However, in XCode iOS 12.1 iPhone X results in sharp cornered edges.
iPhone X emulator
How do I make the corners rounded in the native app using ionic 3.
html ios css ionic-framework ionic3
asked Nov 9 at 0:04
Haron Arama
12
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Hi I have researched everywhere and looked at XCode but haven't figured it out. I want to create the venmo style rounded corners for my iOS application, but iOS seems to not obey the sass rules I am setting for it.
The side menu styling is controlled by a div class <div class='menu-inner'>...</div> which is generated from <ion-menu> tag.
My sass rule works well on the browser, but I am surprised to find it doesn't work in native production specifically iOS. Here is my sass rules.
.menu-inner {
border-radius: 0 1.7rem 1.7rem 0!important;
}
which results in the browser with the desired result.
In chrome inspector
However, in XCode iOS 12.1 iPhone X results in sharp cornered edges.
iPhone X emulator
How do I make the corners rounded in the native app using ionic 3.
html ios css ionic-framework ionic3
asked Nov 9 at 0:04
Haron Arama
12
Hi I have researched everywhere and looked at XCode but haven't figured it out. I want to create the venmo style rounded corners for my iOS application, but iOS seems to not obey the sass rules I am setting for it.
The side menu styling is controlled by a div class <div class='menu-inner'>...</div> which is generated from <ion-menu> tag.
My sass rule works well on the browser, but I am surprised to find it doesn't work in native production specifically iOS. Here is my sass rules.
.menu-inner {
border-radius: 0 1.7rem 1.7rem 0!important;
}
which results in the browser with the desired result.
In chrome inspector
However, in XCode iOS 12.1 iPhone X results in sharp cornered edges.
iPhone X emulator
How do I make the corners rounded in the native app using ionic 3.
html ios css ionic-framework ionic3
html ios css ionic-framework ionic3
asked Nov 9 at 0:04
Haron Arama
12
asked Nov 9 at 0:04
Haron Arama
12
asked Nov 9 at 0:04
Haron Arama
12
asked Nov 9 at 0:04
Haron Arama
12
asked Nov 9 at 0:04
Haron Arama
12
12
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53217973%2fhow-do-you-make-rounded-corners-for-side-menu-in-ionic-using-ion-menu-in-native%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
