Skip to content
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

CSS missing? #1

Open
enricodeleo opened this issue Aug 16, 2016 · 3 comments
Open

CSS missing? #1

enricodeleo opened this issue Aug 16, 2016 · 3 comments

Comments

@enricodeleo
Copy link

I think this repo lacks the css needed to obtain the effect

@sonicwong
Copy link

sonicwong commented Jan 23, 2017

(fixed)

.pane.view{
    background-color: #000;
}

body.menu-open .side-menu-open{
    transform: translate3d(280px, 0px, 0px) scale(.9)!important;
    transform-origin: center center;
    -webkit-box-shadow: 1px 2px 11px 4px rgba(0,0,0,0.5);
    box-shadow: 1px 2px 11px 4px rgba(0,0,0,0.5);
}

@Gokul299210
Copy link

Gokul299210 commented Jan 30, 2017

body.menu-open ion-side-menus, body.menu-open ion-side-menu{
background: #000000;
}

This is working perfectly. But when i close the menu white background is appeared for a second.

@sonicwong
Copy link

sonicwong commented Feb 1, 2017

@Gokul299210 use this one (remove "body.menu-open")
.pane.view { background-color: #000; }

You can add this to slow down the animation to check if it work correctly:
.menu-animated { -webkit-transition-duration: 3000ms; -moz-transition-duration: 3000ms; transition-duration: 3000ms; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants